手机移动端用JQ禁止input弹出键盘的方法

寻技术 Html/CSS / React 2023年07月08日 104

移动端禁止input弹出键盘的方法,实现原理就是打时间差,在input获取焦点时设置为只读,就不会弹出键盘了,然后在视情况选择是否再恢复键盘的弹出,就是取消readonly属性。

<input name="xingming" type="text" id="xingming" value="九品源码" onfocus="stop_jianpan($(this))" hidefocus="true" autocomplete="off" >

具体的JQ代码:

function stop_jianpan(obj){
		obj.attr('readonly', 'readonly');//打时间差,获取焦点后再设置为只读,就不会弹出键盘了
		setTimeout(function(){
			obj.removeAttr('readonly');//延时200毫秒后,再将只读取消,恢复焦点的动态获取
		}, 200);
}
关闭

用微信“扫一扫”