移动端ios浏览器双指禁止放大页面

// 缩放
try {
// 禁用双击缩放
document.addEventListener("touchstart", function(event) {
if (event.touches.length > 1) {
event.preventDefault();
}
});
var lastTouchEnd = 0;
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();
});
} catch (error) {}

或者

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();

});

}

移动端ios浏览器双指禁止放大页面相关推荐

web 移动端 ios 浏览器中 animation 动画异常
关键字:animation,ios,移动端,异常解决问题的办法:页面dom加载完毕时延时给dom加上动画类名.即在vue的mounted钩子中用定时器延时100ms左右给需要动画的dom加上类名. ...
ios浏览器微信支付回调页面_微信支付：手机系统自带的浏览器，调用微信支付如何实现（非扫码）...
如果您是使用浏览器的移动网页进行支付,那就是调用微信H5支付,如果是使用APP客户端进行支付,那就要调用微信APP支付. H5支付是指商户在微信客户端外的移动端网页展示商品或服务,用户在前述页面确认使 ...
ios浏览器微信支付回调页面_iOS集成H5微信支付实现跳转与回调的解决方案
前言最近有个需求,不能在iOS客户端内集成支付宝和微信的App支付SDK(为了防苹果审核检测SDK),因此使用H5支付,虽然微信和支付宝的H5支付文档都说不要在App内使用H5支付而是使用App支付 ...
ios浏览器微信支付回调页面_iOS H5微信支付和微信支付完成之后跳转回APP
最近碰到一个需要用H5支付的商城,痛苦了一整天,查找了N多的资料,终于还是苦尽甘来了.话不多说,干货来了.我用的是WKWebView,套路是一样的. 1.首先,设置白名单,确保你能顺利跳转微信. 设置 ...
vue 停止页面滚动_Vue禁止h5页面iOS浏览器下拉bounce效果
介绍 vue-disbounce是一款基于Vue.js的自定义组件,可以有效避免触发h5页面在ios浏览器内置的下拉bounce效果. 组件 :style="{'background-col ...
js禁止苹果页面底部滚动_Vue.js 实现禁止 h5 页面在 ios 浏览器内置的下拉 bounce 效果...
介绍 vue-disbounce是一款基于Vue.js的自定义组件,可以有效避免触发h5页面在ios浏览器内置的下拉bounce效果. 组件 :style="{'background-col ...
java 情况浏览器缓存_JavaWeb禁止浏览器缓存当前Web页面的方法
所谓浏览器缓存,是指当第一次访问网页时,浏览器会将这些网页缓存到本地,当下一次再访问这些被缓存的网页时,浏览器就会直接从本地读取这些网页的内容,而无需再从网络上获取. 虽然浏览器提供的缓存功能可以有效 ...
移动端IOS和androi及浏览器js判断[转载]
转载自:http://www.niutifa.com/?p=561 移动端IOS和androi及浏览器js判断: <script type="text/javascript" ...
html禁止手机页面放大缩小
html禁止手机页面放大缩小 <meta name="viewport" content="width=device-width,minimum-scale=1.0 ...

移动端ios浏览器双指禁止放大页面

或者

移动端ios浏览器双指禁止放大页面相关推荐

最新文章

热门文章