兼容

input在底部的时候,键盘遮挡住

  方法:可视区的高度,文档高>可视区域的高,做定位

如何关闭ios键盘的首字母自动大写

  解决:<input autocapitalize='off'>

禁止ios&安卓长按保存(下载)图片

解决:

  img{

    -webkit-touch-callout:none;

  }

7:禁止ios&安卓长按选中文字

解决:-webkit-user-select:none;

ul li,a,p,span{

  -webkit-user-select:none;

}

8.在IOS中new date日期对象 new Date('2021-1-1')不显示

解决:var date = new Date('2021/1/1');

 

9:移动端,input的键盘的右下角显示搜索(2个字)

解决:

<form action="">

  <input type="search" placeholder="搜索课程名称或者关键词">

</form>

 

:如果我们在移动端点击了搜索,form表单有action就自动提交表单

解决: onsubmit="return false"

例子:<form action="" id='goSearch'   onsubmit="return false">

<input type="search" placeholder="搜索课程名称或者关键词">

 </form>

十一:如何收起键盘

解决:document.activeElement.blur();

例子"

// 键盘按下事件

$('#goSearch').on('keypress',function(e){

    var keyCode = e.keyCode;

    // alert(keyCode);

  

    // 获取input的value值

    var val = $(this).find('input').val();

    // alert(val);

 

    // 代表点击了搜索按钮了,并且收起键盘

    if(keyCode == '13'){

        document.activeElement.blur();

    }

})

 

// 点击空白处,收起键盘

window.addEventListener('touchstart',function(){

    document.activeElement.blur();

},false)

获取#后面的参数

var getTitle = window.location.hash.replace(/#/,'');

 

posted @ 2022-05-11 16:56  杨建鑫  阅读(64)  评论(0编辑  收藏  举报