触摸屏设置禁用手指缩放机双击放大功能

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

触摸屏设置禁用手指缩放机双击放大功能相关推荐

用开源项目PhotoView实现图片的双指缩放和双击放大缩小
项目地址:https://github.com/chrisbanes/PhotoView 用开源项目有个好处,一是实现简单,二是bug少.那么我们就来说下这个项目能够实现的效果: 1.单个图片的双指缩 ...
TouchImageView 实现图片的缩放，双击放大缩小，多点触控的功能
首先扯点别的:昨天约人打拳皇,又被一顿海虐,也是艰难.万水千山总是情,虐我轻点行不行?八神用的越来越水了,昨天下午饭都没有胃口了.看样是时候退出拳皇97界了. 进入正题:今天说一个GITHUB上的一个 ...
禁止手机端浏览器双击放大功能
记录一下啊今天客户提要求手机浏览器打开网页时要禁止双击放大页面(Google)!!! 然后在网上找到了很多但都没有效果,比如: <meta name="viewport" ...
Meta标签实现阻止移动设备(手机、Pad)的浏览器双击放大网页
一.背景在当今这个移动设备发展越来越快,并且技术越来越成熟的时代,移动设备成了企业扩展业务不可或缺的重要领域之一,随之而来的是适应手机的网站层出不穷,在开发过程中,我们往往会遇到一个很尴尬的问题:移 ...
在服务器客户端怎么启用协议,如何启用客户机的WINS功能
在WINS服务器安装设置完后,用户只要将客户机设置为WINS-enabled就可以启用客户机的功能了.下面具体说明如何设置各种客户机: 1.1DOS的WINS设置修改PROTOCOL.ini文件,假 ...
禁止触摸屏触控板手指缩放，需要这样处理
目录禁止缩放触控板触摸屏 css 处理 js 处理扩展解读 touch-action touch-action 属性值 wheel 与 mousewheel passive options参数 ...
触摸板触摸屏禁止手指缩放，这么处理才行
禁止缩放有天,辛苦做了个复杂操作功能的页面,上线后有用户反馈:很多功能使用不了.惊了,以为是哪里出了bug. 立马联系用户,才发现原来是用户使用笔记本电脑,没有禁用触控板,然后不小心碰到导致整个界面 ...
js实现移动端图片预览：手势缩放，手势拖动，双击放大...
原文:js实现移动端图片预览:手势缩放, 手势拖动,双击放大... 前言本文将介绍如何通过js实现移动端图片预览,包括图片的预览模式,手势缩放,手势拖动,双击放大等基本功能: 扫码查看示例效果: ...
双击放大图片手指移动图片位置
手指脱动图片双击放大 package com.softpo.pointerstouchevent; import android.support.v7.app.AppCompatActivity ...
禁止缩放safari浏览器--阻止双击放大--阻止双指掐捏放大-
/*禁止缩放safari浏览器*/ var scale = {disabledSafari: function () {/* 阻止双击放大*/var lastTouchEnd = 0;document ...

触摸屏设置禁用手指缩放机双击放大功能

触摸屏设置禁用手指缩放机双击放大功能相关推荐

最新文章

热门文章