编程 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面向对象编程

Nov 15 Javascript

javascript Array.prototype.slice的使用示例

Nov 14 Javascript

js判断60秒以及倒计时示例代码

Jan 24 Javascript

js实现适用于素材网站的黑色多级菜单导航条效果

Aug 24 Javascript

基于jquery实现左右按钮点击的图片切换效果

Jan 27 Javascript

JavaScript蒙板(model)功能的简单实现代码

Aug 04 Javascript

利用js+css+html实现固定table的列头不动

Dec 08 Javascript

js实现把图片的绝对路径转为base64字符串、blob对象再上传

Dec 29 Javascript

jQuery实现验证码功能

Mar 17 Javascript

详解react使用react-bootstrap当轮子造车

Aug 15 Javascript

微信小程序 bindtap 传参的实例代码

Feb 21 Javascript

在vue-cli3中使用axios获取本地json操作

Jul 30 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实现分页的一个示例

2006/10/09 PHP

PHP4和PHP5共存于一系统

2006/11/17 PHP

模板引擎Smarty深入浅出介绍

2006/12/06 PHP

php对gzip文件或者字符串解压实例参考

2008/07/25 PHP

php项目中类的自动加载实例讲解

2019/09/12 PHP

Javascript 异步加载详解(浏览器在javascript的加载方式)

2012/05/20 Javascript

node.js中的fs.rmdirSync方法使用说明

2014/12/16 Javascript

JavaScript中textRange对象使用方法小结

2015/03/24 Javascript

JavaScript小技巧整理

2015/12/30 Javascript

基于AngularJS实现iOS8自带的计算器

2016/09/12 Javascript

Angular2中Bootstrap界面库ng-bootstrap详解

2016/10/18 Javascript

JS中from 表单序列化提交的代码

2017/01/20 Javascript

详解微信小程序相对定位和绝对定位

2017/05/11 Javascript

jQuery Collapse1.1.0折叠插件简单使用

2017/08/28 jQuery

结合mint-ui移动端下拉加载实践方法总结

2017/11/08 Javascript

vue登录注册及token验证实现代码

2017/12/14 Javascript

JavaScript实现二叉树定义、遍历及查找的方法详解

2017/12/20 Javascript

200行代码实现blockchain 区块链实例详解

2018/03/14 Javascript

微信小程序Flex布局用法深入浅出分析

2019/04/25 Javascript

微信小程序实现页面跳转传递参数（实体，对象）

2019/08/12 Javascript

JS校验与最终登陆界面功能完整示例

2020/01/13 Javascript

vue-video-player实现实时视频播放方式(监控设备-rtmp流)

2020/08/10 Javascript

[07:38]2014DOTA2国际邀请赛 Newbee顺利挺进胜者组赛后专访

2014/07/15 DOTA

[51:17]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18

2018/08/19 DOTA

Python字典操作详细介绍及字典内建方法分享

2018/01/04 Python

python3字符串操作总结

2019/07/24 Python

基于python分析你的上网行为看看你平时上网都在干嘛

2019/08/13 Python

Python将列表中的元素转化为数字并排序的示例

2019/12/25 Python

Django之全局使用request.user.username的实例详解

2020/05/14 Python

微软开源最强Python自动化神器Playwright(不用写一行代码)

2021/01/05 Python

英国的一家创新礼品和小工具零售商：Menkind

2019/08/24 全球购物

alice McCALL官网：澳大利亚时尚品牌

2020/11/16 全球购物

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

2014/02/08 职场文书

高职教师先进事迹材料

2014/08/24 职场文书

中学生运动会广播稿

2015/08/19 职场文书

mysql 8.0.24版本安装配置方法图文教程

2021/05/12 MySQL