当前位置:网站首页>通过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});
边栏推荐
猜你喜欢
Cholesterol-PEG-Thiol CLS-PEG-SH Cholesterol-Polyethylene Glycol-Sulfhydryl
IDEA overview and installation and debugging
Fluorescein-PEG-DSPE 磷脂-聚乙二醇-荧光素荧光磷脂PEG衍生物
CAS:1403744-37-5 DSPE-PEG-FA 科研实验用磷脂-聚乙二醇-叶酸
Phospholipids-Polyethylene Glycol-Active Esters for Scientific Research DSPE-PEG-NHS CAS: 1445723-73-8
Fluorescein-PEG-DSPE Phospholipid-Polyethylene Glycol-Fluorescein Fluorescent Phospholipid PEG Derivatives
[已解决]ssh连接报:Bad owner or permissions on C:\\Users/XXX/.ssh/config
The solution to the IDEA console not being able to enter information
2022 SQL big factory high-frequency practical interview questions (detailed analysis)
力扣刷题之排序链表
随机推荐
mPEG-DSPE 178744-28-0 Methoxy-polyethylene glycol-phosphatidylethanolamine linear PEG phospholipids
力扣151. 颠倒字符串中的单词
解决nx安装 jtop问题
DSPE-PEG-COOH CAS: 1403744-37-5 Phospholipid-polyethylene glycol-carboxy lipid PEG conjugate
Embedding cutting-edge understanding
钉钉H5微应用免登鉴权
Cholesterol-PEG-Amine CLS-PEG-NH2 胆固醇-聚乙二醇-氨基科研用
C语言知识点(二)
Pytorch study notes 10 - detailed explanation of convolutional neural network and application of multi-classification task of mnist dataset
Qt TreeView 问题记录
Cholesterol-PEG-Azide CLS-PEG-N3 胆固醇-聚乙二醇-叠氮 MW:3400
力扣.找到打字符串中所有字母异位词
在 AWS 上从零开始设置 Incredibuild 构建系统
Unity Text一个简单的输入特效
Learning and understanding of ROS service programming
化学试剂磷脂-聚乙二醇-氨基,DSPE-PEG-amine,CAS:474922-26-4
Phospholipids-Polyethylene Glycol-Active Esters for Scientific Research DSPE-PEG-NHS CAS: 1445723-73-8
多线程截取视频为每帧
MW:3400 4-Arm PEG-DSPE 四臂-聚乙二醇-磷脂一种饱和的18碳磷脂
Research reagents Cholesterol-PEG-Maleimide, CLS-PEG-MAL, Cholesterol-PEG-Maleimide