手机网页怎么禁止缩放、拖放、如何屏蔽到手机本身键盘

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

 

禁止缩放

<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();
});