兼容
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(/#/,'');
本文来自博客园,作者:杨建鑫,转载请注明原文链接:https://www.cnblogs.com/qd-lbxx/p/16258707.html