当前位置:网站首页>通过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});
边栏推荐
- 英语学习笔记
- 实现离线文件推流成rtsp 2
- CLS-PEG-FITC Fluorescein-PEG-CLS 胆固醇-聚乙二醇-荧光素简介
- 这些数组技巧,我爱了
- 钉钉企业内部-H5微应用开发
- Cholesterol-PEG-Azide CLS-PEG-N3 胆固醇-聚乙二醇-叠氮 MW:3400
- Use usb_cam to open multiple cameras at the same time
- Software Testing Interview Questions 2021
- UR3机器人运动学分析之逆运动学分析
- Cholesterol-PEG-DBCO Cholesterol-Polyethylene Glycol-Diphenylcyclooctyne Chemical Reagent
猜你喜欢

Cholesterol-PEG-NHS NHS-PEG-CLS 胆固醇-聚乙二醇-活性酯可修饰小分子材料

MySQL master-slave switching steps

DSPE-PEG-COOH CAS:1403744-37-5 磷脂-聚乙二醇-羧基脂质PEG共轭物

堆和栈的区别

Session和Cookie,Token

【Latex】TexLive+VScode+SumatraPDF 配置LaTex编辑环境

Pytorch study notes 10 - detailed explanation of convolutional neural network and application of multi-classification task of mnist dataset

Fluorescein-PEG-DSPE Phospholipid-Polyethylene Glycol-Fluorescein Fluorescent Phospholipid PEG Derivatives

ImportError: cannot import name ‘Xxxx‘ from partially initialized module ‘xx.xx.xx‘

IDEA overview and installation and debugging
随机推荐
力扣.两数之和/四数相加||
ROS service transfer pictures
学习JDBC之获取数据库连接的方式
Websocket协议解析与QT代码示例
可下载视频可下载图片的函数
a:自我介绍
Cholesterol-PEG-Thiol CLS-PEG-SH 胆固醇-聚乙二醇-巯基
Cholesterol-PEG-Acid CLS-PEG-COOH 胆固醇-聚乙二醇-羧基修饰肽类化合物
DSPE-PEG-Thiol DSPE-PEG-SH 磷脂-聚乙二醇-巯基脂质体制备用
多线程截取视频为每帧
Cholesterol-PEG-Amine CLS-PEG-NH2 胆固醇-聚乙二醇-氨基科研用
Word vector - demo
化学试剂磷脂-聚乙二醇-氨基,DSPE-PEG-amine,CAS:474922-26-4
十分钟教你玩转分支语句!!!!!小白速进,新手福利!!
Where can I find the private files set by myself?
哈希表基础
力扣.找到打字符串中所有字母异位词
常见网络攻击与防御方法
CAS:474922-22-0 Maleimide-PEG-DSPE Phospholipid-Polyethylene Glycol-Maleimide Brief Description
DSPE-PEG-COOH CAS:1403744-37-5 磷脂-聚乙二醇-羧基脂质PEG共轭物