码迷,mamicode.com
首页 > 移动开发 > 详细

手机客户端阻止手机软键盘弹出

时间:2017-04-21 19:21:55      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:on()   --   move   软键盘   内容   nim   bsp   document   out   

手机网页怎么禁止缩放和拖动 

禁止缩放
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
user-scalable=no    yes 设置用户缩放
禁止拖动
document.ontouchmove = function(e){ e.preventDefault(); }; //文档禁止 touchmove事件(有用)
document.documentElement.style.webkitTouchCallout = "none";  //禁止弹出选择菜单  估计你迟早要问的
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
 
这样可以禁止缩放。但是你不能禁止拖动,否则你的拖动裁剪框怎么实现?应该设置你的网页内容,限定它们的宽和高都不超过屏幕宽高。

<!--格式化手机本身的软键盘-->
$("#password").focus(function(){
document.activeElement.blur();
});
$("#newpass").focus(function(){
document.activeElement.blur();
});
$("#password1").focus(function(){
document.activeElement.blur();
});

 

 
 

手机客户端阻止手机软键盘弹出

标签:on()   --   move   软键盘   内容   nim   bsp   document   out   

原文地址:http://www.cnblogs.com/cina33blogs/p/6744796.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!