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>
Javascript 相关文章推荐
放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解
Apr 20 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
Sep 06 Javascript
JS中parseInt()和map()用法分析
Dec 16 Javascript
如何使用Bootstrap 按钮实例详解
Mar 29 Javascript
jQuery实现碰到边缘反弹的动画效果
Feb 24 jQuery
Nuxt升级2.0.0时出现的问题(小结)
Oct 08 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
Dec 13 Javascript
Vue 组件注册实例详解
Feb 23 Javascript
Vue组件系列开发之模态框
Apr 18 Javascript
微信小程序如何获取用户头像和昵称
Sep 23 Javascript
小程序跨页面交互的作用与方法详解
Jan 07 Javascript
解决vuex数据页面刷新后初始化操作
Jul 26 Javascript
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自动识别文件编码并转换为UTF-8的方法
2014/06/12 PHP
ThinkPHP模板比较标签用法详解
2014/06/30 PHP
thinkphp备份数据库的方法分享
2015/01/04 PHP
php类的定义与继承用法实例
2015/07/07 PHP
PHP合并数组的2种方法小结
2016/11/24 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
PHP微信网页授权的配置文件操作分析
2019/05/29 PHP
javascript 学习之旅 (3)
2009/02/05 Javascript
php上传图片并给图片打上透明水印的代码
2010/06/07 Javascript
浅谈javascript中的作用域
2012/04/07 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
js验证IP及子网掩码的合法性有效性示例
2014/04/30 Javascript
一个简单的全屏图片上下打开显示网页效果示例
2014/07/08 Javascript
Angularjs基础知识及示例汇总
2015/01/22 Javascript
自定义百度分享的分享按钮
2015/03/18 Javascript
C++中的string类的用法小结
2015/08/07 Javascript
js读取并解析JSON类型数据的方法
2015/11/14 Javascript
JS实现上下左右对称的九九乘法表
2016/02/22 Javascript
bootstrap与Jquery UI 按钮样式冲突的解决办法
2016/09/23 Javascript
基于JavaScript表单脚本(详解)
2017/10/18 Javascript
基于Vue 撸一个指令实现拖拽功能
2019/10/09 Javascript
vue仿携程轮播图效果(滑动轮播,下方高度自适应)
2021/02/11 Vue.js
在Mac OS上部署Nginx和FastCGI以及Flask框架的教程
2015/05/02 Python
python pandas 对series和dataframe的重置索引reindex方法
2018/06/07 Python
在windows下使用python进行串口通讯的方法
2019/07/02 Python
浅谈python中统计计数的几种方法和Counter详解
2019/11/07 Python
Python打印特殊符号及对应编码解析
2020/05/07 Python
pytorch 实现L2和L1正则化regularization的操作
2021/03/03 Python
Reebok官方旗舰店:美国知名健身品牌锐步
2019/01/07 全球购物
毕业生个人求职的自我评价
2013/10/28 职场文书
《一株紫丁香》教学反思
2014/02/19 职场文书
银行求职信范文
2014/05/26 职场文书
户籍证明书标准模板
2014/09/10 职场文书
公司委托书格式范本
2014/09/16 职场文书
遗失说明具结保证书
2015/02/26 职场文书