手机网页怎么禁止缩放、拖放、如何屏蔽到手机本身键盘
手机网页怎么禁止缩放和拖动
禁止缩放
<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"; //禁止弹出选择菜单 估计你迟早要问的
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();
});
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步