触摸屏运行全屏网页模式时,需禁用双指缩放及双击缩放,该功能可由浏览器自身的参数设置,也可以通过JS代码实现。
- // 禁用双指放大
- 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
- });