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

javascript DOM编程实例(智播客学习)

Nov 23 Javascript

jQuery EasyUI中对表格进行编辑的实现代码

Jun 10 Javascript

jquery里的each使用方法详解

Dec 22 Javascript

JQuery入门——用bind方法绑定事件处理函数应用介绍

Feb 05 Javascript

js 自动播放的实例代码

Nov 19 Javascript

jQuery固定浮动侧边栏实现思路及代码

Sep 28 Javascript

Node.js开发之访问Redis数据库教程

Jan 14 Javascript

jQuery插件实现大图全屏图片相册

Mar 14 Javascript

深入理解jquery中extend的实现

Dec 22 Javascript

JS传参及动态修改页面布局

Apr 13 Javascript

vue通过watch对input做字数限定的方法

Jul 13 Javascript

React服务端渲染原理解析与实践

Mar 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