vue移动端禁止放大缩小的代码操作

最新推荐文章于 2024-01-11 10:06:05 发布

cv酱

最新推荐文章于 2024-01-11 10:06:05 发布

阅读量485

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/YingUser/article/details/125262964

版权

移动端页面缩放 JavaScript 事件监听用户交互

关键词由CSDN通过智能技术生成

前端专栏收录该内容

21 篇文章 1 订阅

订阅专栏

在index上添加就可以了啦，如果在app.vue中添加的话会报错

     //禁止双指放大

      document.documentElement.addEventListener('touchstart', function (event) {

        if (event.touches.length > 1) {
          event.preventDefault();
        }

      }, { passive: false });

      // 禁止双击放大

      let lastTouchEnd = 0;

      document.documentElement.addEventListener('touchend', function (event) {

        var now = Date.now();

        if (now - lastTouchEnd <= 300) {

          event.preventDefault();

        }
        lastTouchEnd = now;

      }, { passive: false });

谢谢大家都喜爱，