编程 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 相关文章推荐

ExtJS 工具栏分页事件参数

Mar 05 Javascript

jquery通过select列表选择框对表格数据进行过滤示例

May 07 Javascript

jQuery filter函数使用方法

May 19 Javascript

JavaScript中的方法调用详细介绍

Dec 30 Javascript

JavaScript编写推箱子游戏

Jul 07 Javascript

详解XMLHttpRequest（二）响应属性、二进制数据、监测上传下载进度

Sep 14 Javascript

javascript 中事件冒泡和事件捕获机制的详解

Sep 01 Javascript

bootstrap Table服务端处理分页(后台是.net)

Oct 19 Javascript

Vue一个案例引发的递归组件的使用详解

Nov 15 Javascript

JQuery Ajax跨域调用和非跨域调用问题实例分析

Apr 16 jQuery

Vue实现根据hash高亮选项卡

May 27 Javascript

微信小程序request请求封装，验签代码实例

Dec 04 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