当前位置:网站首页>通过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});
边栏推荐
- DSPE-PEG-Thiol DSPE-PEG-SH phospholipid-polyethylene glycol-thiol liposome for later use
- 记一次QT 2D 画图 实现3D动态效果
- Unity版本升级问题总结
- 力扣.字母异位词分组
- UR3机器人雅克比矩阵
- The content of the wangeditor editor is transferred to the background server for storage
- Incredibuild 宣布支持 Yocto
- 企业级 DevOps 究竟是什么?
- a:自我介绍
- [Solved] ssh connection report: Bad owner or permissions on C:\\Users/XXX/.ssh/config
猜你喜欢

DSPE-PEG-COOH CAS: 1403744-37-5 Phospholipid-polyethylene glycol-carboxy lipid PEG conjugate

Cholesterol-PEG-NHS NHS-PEG-CLS cholesterol-polyethylene glycol-active ester can modify small molecular materials

堆和栈的区别

力扣151. 颠倒字符串中的单词

PyTorch Study Notes 08 - Loading Datasets

UR3机器人运动学分析之正运动学分析

DSPE-PEG-Azide DSPE-PED-N3 磷脂-聚乙二醇-叠氮脂质PFG

四种常见的POST提交数据方式

衡量 DevOps 成功与否的重要度量指标

Pytorch study notes 10 - detailed explanation of convolutional neural network and application of multi-classification task of mnist dataset
随机推荐
力扣.有效的字母异位词
钉钉企业内部-H5微应用开发
概率论相关笔记
C语言数组的深度分析
Shell/Vim related list
Hyperparameter Optimization - Excerpt
mPEG-DMPE 甲氧基-聚乙二醇-双肉豆蔻磷脂酰乙醇胺用于形成隐形脂质体
十分钟教你玩转分支语句!!!!!小白速进,新手福利!!
wangeditor富文本编辑器上传图片以及跨域问题解决
MySQL master-slave switching steps
测试CSDN积分需求
Cholesterol-PEG-DBCO 胆固醇-聚乙二醇-二苯基环辛炔化学试剂
ImportError: cannot import name ‘Xxxx‘ from partially initialized module ‘xx.xx.xx‘
pyspark.ml feature transformation module
Software Testing Interview Questions 2021
Unity导入我的世界模型,简单图解教程(包括调整材质贴图和光照和添加碰撞)
DingTalk Enterprise Internal-H5 Micro Application Development
Pytorch Daily Practice - Predicting Surviving Passengers on the Titanic
DSPE-PEG-Biotin, CAS: 385437-57-0, phospholipid-polyethylene glycol-biotin prolongs circulating half-life
TCP与UDP协议的区别,以及TCP的三次握手和四次挥手