禁用使用javascript的chrome pinch缩放
禁用使用javascript的chrome pinch缩放
提问于 2017-02-15 17:23:41
有没有办法用javascript禁用chrome pinch缩放。我不想改变chrome://标志中的任何东西，我想禁用chrome的默认缩放和滑动到以前的页面行为，相反，我想编写自己的平移/缩放代码。我能够处理所有这些事件，但是调用'preventDefault‘并没有什么帮助。处理鼠标滚轮、ctrl+和ctrl- events并在其中调用'preventDefault‘也没有帮助。
最后，我想有自定义的多点触摸缩放2个手指和平移功能的铬和IE 11。即平移完美地为我，但缩放不。
示例脚本如下：
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<script type="text/javascript" src="Scripts/jquery-3.1.0.js" ></script>
<script type="text/javascript" >
document.addEventListener('touchstart', function(event){
event.preventDefault();
});
document.addEventListener('touchend', function(event){
event.preventDefault();
});
document.addEventListener('touchmove', function(event){
event.preventDefault();
});
$('*').bind('touchmove', false);
</script>
<body>
<h1 align="center">
TEST STRING FOR PINCH ZOOM
</h1>
</body>
</html>回答 1
Stack Overflow用户
发布于 2020-01-28 01:49:37
这对我来说很有效，以防有人出现在这里寻找答案。
document.addEventListener(
'wheel',
function touchHandler(e) {
if (e.ctrlKey) {
e.preventDefault();
}
},
{ passive: false }
);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42245267
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号