防止页面缩放
JavaScript - prevent page zooming
本文关键字:缩放 更新时间:2023-09-26
我有一个将在平板电脑(在Internet Explorer)上使用的web应用程序。编辑:不是平板电脑,而是带触摸屏的Windows 7电脑。
问题是用户可以通过捏键来缩放页面(如ctrl-+)。
是否有办法从JavaScript禁用它?(如在移动设备上)。
或者把用户代理改成像iPad一样?
使用
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
放在文档的<head>
部分,以防止在移动设备上缩放网站。这里重要的是user-scalable=no
,它使技巧。
编辑
做了更多的研究,你还可以选择添加:
<meta name="MobileOptimized" content="640">
而content="640"
是您想要设置的width
,其行为与<meta name="viewport" content="width=640,user-scalable=no">
相似。
您可以通过Ctrl+或Ctrl-或使用Ctrl键+鼠标上下滚轮来禁用浏览器缩放
$(document).keydown(function(event) {
if (event.ctrlKey==true && (event.which == '61' || event.which == '107' || event.which == '173' || event.which == '109' || event.which == '187' || event.which == '189' ) ) {
event.preventDefault();
}
// 107 Num Key +
// 109 Num Key -
// 173 Min Key hyphen/underscor Hey
// 61 Plus key +/= key
});
$(window).bind('mousewheel DOMMouseScroll', function (event) {
if (event.ctrlKey == true) {
event.preventDefault();
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
teste
相关文章:
- 更改高贴图的缩放级别
- 在不阻止默认行为的情况下检测IE10中的缩放
- 单击超链接时,如何使用Google Maps API v3缩放地图
- 缩放Raphael/SVG容器以适应所有内容
- 传单缩放控制位置错误
- 在不移动内部文本的情况下缩放元素的效果
- 调整缩放窗口高度提升缩放
- 计算CSS3缩放框在另一个框中的最高位置
- D3.JS向rect添加缩放和列表项
- 当我在节点上拖动鼠标时,我如何防止使用d3.ehavior.zoom().on(“缩放”,重绘)
- 将直流图表库中的折线图缩放限制为小时
- 为什么缩放按钮不会显示在照片擦除中
- 动态设置谷歌地图缩放
- 如何缩放像图像一样的元素
- 使用KineticJS变换(移动/缩放/旋转)形状
- 在手机上缩小/缩放滚动图像
- 将时间缩放添加到折线图(Chart.js)
- 当涉及css缩放时,如何获得页面上的点击位置
- 如何缩放地图框传单中的标记单击事件
- 自动缩放图像以匹配文本高度