编程 Javascript

JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法

Posted in Javascript onApril 28, 2017

本文实例讲述了JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法。分享给大家供大家参考，具体如下：

为什么会有人会使用ctrl+鼠标滚轮缩放网页？坚决禁止！

<html>
<head>
<title>测试</title>
<script language="javascript">
 var scrollFunc=function(e){
 e=e || window.event;
 if(e.wheelDelta && event.ctrlKey){//IE/Opera/Chrome
  event.returnValue=false;
 }else if(e.detail){//Firefox
  event.returnValue=false;
 }
 }
 /*注册事件*/
 if(document.addEventListener){
 document.addEventListener('DOMMouseScroll',scrollFunc,false);
 }//W3C
 window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari
</script>
</head>
<body style="font-size:30px;">
 <br>SCRIPT脚本控制页面不随ctrl+鼠标滚轮而缩放。<br>
 <br>CSS可以控制页面文字大小不随浏览器设置而改变。
</body>
</html>

- Author -

一步小僧

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery创建div 实现代码

Apr 27 Javascript

js DOM的学习笔记

Dec 22 Javascript

基于Bootstrap+jQuery.validate实现Form表单验证

Dec 16 Javascript

JS实现选项卡实例详解

Nov 17 Javascript

Javascript中for循环语句的几种写法总结对比

Jan 23 Javascript

Ajax基础知识详解

Feb 17 Javascript

protractor的安装与基本使用教程

Jul 07 Javascript

jQuery插件DataTables分页开发心得体会

Aug 22 jQuery

一个有意思的鼠标点击文字特效jquery代码

Sep 23 jQuery

vue组件 keep-alive 和 transition 使用详解

Oct 11 Javascript

详解Vue Cli浏览器兼容性实践

Jun 08 Javascript

Vue OpenLayer 为地图绘制风场效果

Apr 24 Vue.js

jquery实现图片上传前本地预览

Apr 28 #jQuery

JS组件系列之MVVM组件构建自己的Vue组件

Apr 28 #Javascript

JS实现汉字与Unicode码相互转换的方法详解

Apr 28 #Javascript

JS组件系列之JS组件封装过程详解

Apr 28 #Javascript

JS实现的Unicode编码转换操作示例

Apr 28 #Javascript

webpack配置文件和常用配置项介绍

Apr 28 #Javascript

JS 组件系列之 bootstrap treegrid 组件封装过程

Apr 28 #Javascript

You might like

整合了前面的PHP数据库连接类~~做成一个分页类!

2006/11/25 PHP

安装APACHE

2007/01/15 PHP

dedecms系统常用术语汇总

2007/04/03 PHP

laravel 解决crontab不执行的问题

2019/10/22 PHP

FCK调用方法..

2006/12/21 Javascript

jQuery新闻滚动插件 jquery.roller.js

2011/06/27 Javascript

jquery动态加载图片数据练习代码

2011/08/04 Javascript

jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)

2013/01/16 Javascript

jquery动态改变onclick属性导致失效的问题解决方法

2013/12/04 Javascript

用jquery写的一个万年历(自写)

2014/01/20 Javascript

浅谈Jquery为元素绑定事件

2015/04/27 Javascript

jquery控制页面部分刷新的方法

2015/06/24 Javascript

jquery实现初次打开有动画效果的网页TAB切换代码

2015/09/06 Javascript

Bootstrap Modal遮罩弹出层代码分享

2016/11/21 Javascript

如何编写一个d.ts文件的步骤详解

2018/04/13 Javascript

JavaScript笛卡尔积超简单实现算法示例

2018/07/30 Javascript

react配置antd按需加载的使用

2019/02/11 Javascript

NodeJs生成sitemap站点地图的方法示例

2019/06/11 NodeJs

python求解水仙花数的方法

2015/05/11 Python

Python3 导入上级目录中的模块实例

2019/02/16 Python

python 怎样将dataframe中的字符串日期转化为日期的方法

2019/09/26 Python

Python使用循环神经网络解决文本分类问题的方法详解

2020/01/16 Python

浅谈pymysql查询语句中带有in时传递参数的问题

2020/06/05 Python

利用纯CSS3实现文字向右循环闪过效果实例（可用于移动端）

2017/06/15 HTML / CSS

ellesse美国官方商店：意大利高级运动服品牌

2019/10/29 全球购物

澳大利亚第一旅行车和房车配件店：Caravan RV Camping

2020/12/26 全球购物

局域网定义和特性

2016/01/23 面试题

个人自我评价和职业目标

2014/01/24 职场文书

财务信息服务专业自荐书范文

2014/02/08 职场文书

学生安全承诺书

2014/05/22 职场文书

学生逃课检讨书1000字

2014/10/20 职场文书

2014大学生学生会工作总结

2014/12/19 职场文书

工程款申请报告

2015/05/15 职场文书

技术入股合作协议书

2016/03/21 职场文书

vue+springboot实现登录验证码

2021/05/27 Vue.js

TS 类型兼容教程示例详解

2022/09/23 Javascript