当前位置:网站首页>通过js禁止ctrl+滚轮放缩浏览器页面,禁止用手势放大
通过js禁止ctrl+滚轮放缩浏览器页面,禁止用手势放大
2022-07-31 05:18:00 【weixin_39945506】
禁止ctrl + ‘+’ 和ctrl + '-'
ctrl + + 放大, ctrl + - 缩小
61
107 +
109 -
173 静音
187 =+
189 -_
代码:
document.addEventListener(‘keydown’, function (event) {
if ((event.ctrlKey === true || event.metaKey === true)
&& (event.keyCode === 61 || event.keyCode === 107
|| event.keyCode === 173 || event.keyCode === 109
|| event.keyCode === 187 || event.keyCode === 189)) {
event.preventDefault();
}
}, false);
ctrl+滚轮缩放
不加passive: false,还是会执行缩放
document.addEventListener(‘mousewheel’, function (e) {
e = e || window.event;
if ((e.wheelDelta && event.ctrlKey) || e.detail) {
event.preventDefault();
}
}, {passive: false}
);
禁止手势缩放
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});
边栏推荐
- Unity加载GIf动画
- 2021-09-30
- 链表理论基础
- 螺旋矩阵Ⅱ
- Solution for MySQL The table is full
- Fluorescein-PEG-DSPE 磷脂-聚乙二醇-荧光素荧光磷脂PEG衍生物
- Where can I find the private files set by myself?
- Pytorch study notes 10 - detailed explanation of convolutional neural network and application of multi-classification task of mnist dataset
- 能否更上一层楼?探究 CMake 争论
- C语言数组的深度分析
猜你喜欢
随机推荐
【Rhapsody学习笔记】4:Relations
DSPE-PEG-Thiol DSPE-PEG-SH phospholipid-polyethylene glycol-thiol liposome for later use
MySQL master-slave switching steps
UR3机器人运动学分析之正运动学分析
Fluorescein-PEG-DSPE Phospholipid-Polyethylene Glycol-Fluorescein Fluorescent Phospholipid PEG Derivatives
测试CSDN积分需求
超详细!!!让你通透数组!!!初学复习不迷路!!
Remote file xxx is mapped to the local path xxx and can't be found. You can continue debugging....
Detailed explanation of mysql transaction principle
四种常见的POST提交数据方式
在 AWS 上从零开始设置 Incredibuild 构建系统
Unity转微信小游戏与JS交互
ImportError: cannot import name 'Xxxx' from partially initialized module 'xx.xx.xx'
Word vector - demo
Wlan实验(ENSP)
TCP与UDP协议的区别,以及TCP的三次握手和四次挥手
力扣.有效的字母异位词
ROS subscription to multiple topics time synchronization problem
CSDN上markdown编写的一些便捷操作
5G的用途和工作原理









