当前位置:网站首页>js实现禁止网页缩放(Ctrl+鼠标、+、-缩放有效亲测)
js实现禁止网页缩放(Ctrl+鼠标、+、-缩放有效亲测)
2022-07-05 19:56:00 【德宏大魔王】
背景:现在是凌晨1:35我还在帮客户修改网页,要求不高但来钱快,学生党不容易啊,客户提到了很多网页的优化,其中这一条
让我头疼了许久,大家就不用踩坑了,看下面的就可以了
禁止滑轮:
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>
//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>
看个轮廓就可以了哈,反正两个都不会缩放,今天就到这里!
边栏推荐
- Fundamentals of shell programming (Chapter 9: loop)
- 众昂矿业:2022年全球萤石行业市场供给现状分析
- S7-200SMART利用V90 MODBUS通信控制库控制V90伺服的具体方法和步骤
- Summer Challenge harmonyos - realize message notification function
- okcc呼叫中心有什么作用
- [untitled]
- webuploader文件上传 拖拽上传 进度监听 类型控制 上传结果监听控件
- Go language | 03 array, pointer, slice usage
- Float. The specific meaning of the return value of floattorawintbits is to convert float into byte array
- 使用easyexcel模板导出的两个坑(Map空数据列错乱和不支持嵌套对象)
猜你喜欢
Force buckle 729 My schedule I
How to apply smart contracts more wisely in 2022?
618 "low key" curtain call, how can baiqiushangmei join hands with the brand to cross the "uncertain era"?
力扣 729. 我的日程安排表 I
使用easyexcel模板导出的两个坑(Map空数据列错乱和不支持嵌套对象)
Win10 x64环境下基于VS2017和cmake-gui配置使用zxing以及opencv,并实现data metrix码的简单检测
[Collection - industry solutions] how to build a high-performance data acceleration and data editing platform
leetcode刷题:二叉树10(完全二叉树的节点个数)
四万字长文说operator new & operator delete
【合集- 行业解决方案】如何搭建高性能的数据加速与数据编排平台
随机推荐
third-party dynamic library (libcudnn.so) that Paddle depends on is not configured correctl
淺淺的談一下ThreadLocalInsecureRandom
深度学习 卷积神经网络(CNN)基础
C application interface development foundation - form control (6) - menu bar, toolbar and status bar controls
随机数生成的四种方法|Random|Math|ThreadLocalRandom|SecurityRandom
Is it safe for Anxin securities to open an account online?
14. Users, groups, and permissions (14)
SecureRandom那些事|真伪随机数
处理文件和目录名
S7-200SMART利用V90 MODBUS通信控制库控制V90伺服的具体方法和步骤
Four methods of random number generation | random | math | threadlocalrandom | securityrandom
常用运算符与运算符优先级
leetcode刷题:二叉树16(路径总和)
leetcode刷题:二叉树10(完全二叉树的节点个数)
What do software test engineers do? How about the prospect of treatment?
Cocos2d-x项目总结中的一些遇到的问题
【obs】libobs-winrt :CreateDispatcherQueueController
Parler de threadlocal insecurerandom
字节跳动Dev Better技术沙龙成功举办,携手华泰分享Web研发效能提升经验
Thread pool parameters and reasonable settings