当前位置:网站首页>JS implementation prohibits web page zooming (ctrl+ mouse, +, - zooming effective pro test)
JS implementation prohibits web page zooming (ctrl+ mouse, +, - zooming effective pro test)
2022-07-05 20:03:00 【Dehong demon king】
background : It's early morning 1:35 I'm still helping clients modify their web pages , Not demanding but quick money , The student party is not easy , The customer mentioned many web page optimization , This one
It gives me a headache for a long time , You don't have to step on the pit , Just look at the one below
Prohibit pulley :
window.addEventListener('mousewheel', function(event){
if (event.ctrlKey === true || event.metaKey) {
event.preventDefault();
}
},{
passive: false});
//firefox
window.addEventListener('DOMMouseScroll', function(event){
if (event.ctrlKey === true || event.metaKey) {
event.preventDefault();
}
},{
passive: false});
prohibit +、- :
window.onload = function() {
document.addEventListener('keydown', function (event) {
if ((event.ctrlKey === true || event.metaKey === true) && (event.which === 61 || event.which === 107 || event.which === 173 || event.which === 109 || event.which === 187 || event.which === 189))
{
event.preventDefault();
}
}, false);
}
Complete code :
<script>
//luwenjie hualun
window.addEventListener('mousewheel', function(event){
if (event.ctrlKey === true || event.metaKey) {
event.preventDefault();
}
},{
passive: false});
//firefox
window.addEventListener('DOMMouseScroll', function(event){
if (event.ctrlKey === true || event.metaKey) {
event.preventDefault();
}
},{
passive: false});
//+_
window.onload = function() {
document.addEventListener('keydown', function (event) {
if ((event.ctrlKey === true || event.metaKey === true) && (event.which === 61 || event.which === 107 || event.which === 173 || event.which === 109 || event.which === 187 || event.which === 189))
{
event.preventDefault();
}
}, false);
}
</script>
Just look at the outline , Anyway, neither of them will zoom , That's it today !
边栏推荐
- [untitled]
- Debezium series: modify the source code to support drop foreign key if exists FK
- leetcode刷题:二叉树13(相同的树)
- Jvmrandom cannot set seeds | problem tracing | source code tracing
- 淺淺的談一下ThreadLocalInsecureRandom
- Process file and directory names
- 手机股票开户安全吗?靠不靠谱啊?
- 解决php无法将string转换为json的办法
- Is it safe for Guosen Securities to open an account online?
- leetcode刷题:二叉树10(完全二叉树的节点个数)
猜你喜欢
深度學習 卷積神經網絡(CNN)基礎
秋招字节面试官问你还有什么问题?其实你已经踩雷了
leetcode刷题:二叉树12(二叉树的所有路径)
Autumn byte interviewer asked you any questions? In fact, you have stepped on thunder
城链科技数字化创新战略峰会圆满召开
Two pits exported using easyexcel template (map empty data columns are disordered and nested objects are not supported)
Based on vs2017 and cmake GUI configuration, zxing and opencv are used in win10 x64 environment, and simple detection of data matrix code is realized
图嵌入Graph embedding学习笔记
95后阿里P7晒出工资单:狠补了这个,真香...
.Net分布式事務及落地解决方案
随机推荐
微信小程序正则表达式提取链接
通配符选择器
Redis cluster simulated message queue
力扣 1200. 最小绝对差
Inventory of the most complete low code / no code platforms in the whole network: Jiandao cloud, partner cloud, Mingdao cloud, Qingliu, xurong cloud, Jijian cloud, treelab, nailing · Yida, Tencent clo
Concept and syntax of function
Android interview classic, 2022 Android interview written examination summary
Gstreamer中的task
What are general items
期货如何网上开户?安不安全?
js实现禁止网页缩放(Ctrl+鼠标、+、-缩放有效亲测)
id选择器和类选择器的区别
ICTCLAS word Lucene 4.9 binding
leetcode刷题:二叉树12(二叉树的所有路径)
Debezium series: modify the source code to support UNIX_ timestamp() as DEFAULT value
MySql的root密码忘记该怎么找回
C language OJ gets PE, OJ of ACM introduction~
【obs】libobs-winrt :CreateDispatcherQueueController
leetcode刷题:二叉树14(左叶子之和)
【无标题】