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 相关文章推荐
js 3种归并操作的实例代码
Oct 30 Javascript
使用jquery局部刷新(jquery.load)从数据库取出数据
Jan 22 Javascript
jQuery获取iframe的document对象的方法
Oct 10 Javascript
在浏览器中打开或关闭JavaScript的方法
Jun 03 Javascript
JavaScript基础进阶之数组方法总结(推荐)
Sep 04 Javascript
jQuery中 DOM节点操作方法大全
Oct 12 jQuery
jQuery md5加密插件jQuery.md5.js用法示例
Aug 24 jQuery
微信小程序自定义音乐进度条的实例代码
Aug 28 Javascript
Vue.js的复用组件开发流程完整记录
Nov 29 Javascript
微信小程序实现通过js操作wxml的wxss属性示例
Dec 06 Javascript
layui自定义ajax左侧三级菜单
Jul 26 Javascript
Vue的编码技巧与规范使用详解
Aug 28 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小马小结(方便查找后门的朋友)
2012/05/05 PHP
php实现简易聊天室应用代码
2015/09/23 PHP
php实现xml与json之间的相互转换功能实例
2016/07/07 PHP
深入了解PHP中的Array数组和foreach
2016/11/06 PHP
php+Memcached实现简单留言板功能示例
2017/02/15 PHP
Jquery替换已存在于element上的event的方法
2010/03/09 Javascript
JQuery中$之选择器用法介绍
2011/04/05 Javascript
JavaScript 反科里化 this [译]
2012/09/20 Javascript
js substr支持中文截取函数代码(中文是双字节)
2013/04/17 Javascript
jQuery表格插件ParamQuery简单使用方法示例
2013/12/05 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
2014/09/22 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
2016/04/26 Javascript
浅谈bootstrap源码分析之tab(选项卡)
2016/06/06 Javascript
第一篇初识bootstrap
2016/06/21 Javascript
关于meta viewport中target-densitydpi属性详解(推荐)
2017/08/18 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
2018/01/31 Javascript
vue-cli中的babel配置文件.babelrc实例详解
2018/02/22 Javascript
详解微信小程序文件下载--视频和图片
2019/04/24 Javascript
vue配置nprogress实现页面顶部进度条
2019/09/21 Javascript
ES10的13个新特性示例(小结)
2019/09/23 Javascript
JS实现图片幻灯片效果代码实例
2020/05/21 Javascript
原生js实现简单轮播图
2020/10/26 Javascript
在Python的Django框架上部署ORM库的教程
2015/04/20 Python
Python3.遍历某文件夹提取特定文件名的实例
2018/04/26 Python
Python中pandas dataframe删除一行或一列:drop函数详解
2018/07/03 Python
Python后台开发Django的教程详解(启动)
2019/04/08 Python
Python Pandas分组聚合的实现方法
2019/07/02 Python
django 框架实现的用户注册、登录、退出功能示例
2019/11/28 Python
python 解决cv2绘制中文乱码问题
2019/12/23 Python
Python3 io文本及原始流I/O工具用法详解
2020/03/23 Python
python 生成正态分布数据,并绘图和解析
2020/12/21 Python
法国在线购买汽车轮胎网站:123pneus.fr
2019/02/25 全球购物
PHP面试题附答案
2015/11/28 面试题
优秀老员工获奖感言
2014/02/15 职场文书
大学中国梦演讲稿
2014/04/23 职场文书
工商管理自荐书
2014/07/06 职场文书