单页面禁止双击放大禁止双指放大

最新推荐文章于 2024-06-19 15:08:33 发布

前端lsx

最新推荐文章于 2024-06-19 15:08:33 发布

阅读量401

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/m0_71792040/article/details/129300080

版权

这段代码通过添加事件监听器到document.documentElement，阻止了touchstart和触碰结束(touchend)事件，当检测到多点触控（大于1个触摸点）或者双击操作时，调用event.preventDefault()来禁用页面的双指放大功能。

摘要由CSDN通过智能技术生成

// 禁用双指放大
document.documentElement.addEventListener('touchstart', function (event) {
  if (event.touches.length > 1) {
    event.preventDefault()
  }
}, { passive: false })

// 禁用双击放大
var lastTouchEnd = 0
document.documentElement.addEventListener('touchend', function (event) {
  var now = Date.now()
  if (now - lastTouchEnd <= 300) {
    event.preventDefault()
  }
  lastTouchEnd = now
}, { passive: false })