SunJianXu Blog SunJianXu Blog
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《JavaScript DOM 编程艺术》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《React》笔记
    • 《Git》学习笔记
    • 《TypeScript》学习笔记
  • HTML
  • CSS
后端
  • 分类
  • 标签
  • 归档
关于
GitHub (opens new window)

SunJianXu

前端界的小学生
首页
  • 前端文章

    • JavaScript
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《JavaScript DOM 编程艺术》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《React》笔记
    • 《Git》学习笔记
    • 《TypeScript》学习笔记
  • HTML
  • CSS
后端
  • 分类
  • 标签
  • 归档
关于
GitHub (opens new window)
  • JavaScript

    • 数组扁平化
    • 获取页面视口大小
    • 解决 ios10 及以上 Safari 无法禁止缩放的问题
  • 学习笔记

  • 前端
  • JavaScript
sunjianxu
2021-08-31

解决 ios10 及以上 Safari 无法禁止缩放的问题

/**
 *
 * 解决 ios10 及以上 Safari 无法禁止缩放的问题
 * */
function handleUserNoScalable() {
  window.onload = function() {
    // 阻止双击放大
    var lastTouchEnd = 0
    document.addEventListener('touchstart', function(event) {
      if (event.touches.length > 1) {
        event.preventDefault()
      }
    })
    document.addEventListener(
      'touchend',
      function(event) {
        var now = new Date().getTime()
        if (now - lastTouchEnd <= 300) {
          event.preventDefault()
        }
        lastTouchEnd = now
      },
      false
    )
    // 阻止双指放大
    document.addEventListener('gesturestart', function(event) {
      event.preventDefault()
    })
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
编辑 (opens new window)
上次更新: 2021/08/31 10:01:53
获取页面视口大小
《JavaScript教程》笔记

← 获取页面视口大小 《JavaScript教程》笔记→

最近更新
01
获取页面视口大小
08-21
02
数组扁平化
08-20
03
TypeScript笔记
10-08
更多文章>
Theme by Vdoing | Copyright © 2019-2021 SunJianXu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×