最近在使用IPAD端基于HTML开发的软件时发现一个问题,手指
双击
按钮会导致页面放大。导致该现象的主要原因是
IOS
10及以上版本的浏览器为了提升易用性,不再对快速
双击
放大和双指缩放进行
禁止
。
查找资料发现主要有以下两种方法解决该问题:
1、在js中通过touchstart和touchend判断两次手指按下的时间间隔来
禁止
双击
放大的响应;
2、在html中修改meta(关于viewport另一篇文章...
/*
禁止
ios
缩放,
双击
和双指*/
window.onload=function () {
document.addEventListener('touchstart',function (event) {
if(event.touches.length>1){
event.preventDefault();
在这段代码中,`element` 是需要触发
双击
事件
的 HTML 元素,`data.html` 是新窗口打开的数据文件的 URL,`_blank` 指示新窗口应该在新标签页中打开。
注意:在某些浏览器中,
双击
事件
可能会被
禁用
,因此在某些情况下,上述代码可能无法正常工作。