`
cuizhilei
  • 浏览: 9308 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

js 禁用ctrl+滚轮

    博客分类:
  • js
 
阅读更多
其中经我测试,IE/Opera属于同一类型,使用attachEvent即可添加滚轮事件。
复制代码 代码如下:
/*IE注册事件*/
if(document.attachEvent){
document.attachEvent('onmousewheel',scrollFunc);
}

Firefox使用addEventListener添加滚轮事件
复制代码 代码如下:
/*Firefox注册事件*/
if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}

Safari与Chrome属于同一类型,可使用HTML DOM方式添加事件
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome
其中除Firefox外其余均可使用HTML DOM方式添加事件,因此添加事件使用以下方式
复制代码 代码如下:
/*注册事件*/
if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome

detail与wheelDelta

判断滚轮向上或向下在浏览器中也要考虑兼容性,现在五大浏览器(IE、Opera、Safari、Firefox、Chrome)中Firefox 使用detail,其余四类使用wheelDelta;两者只在取值上不一致,代表含义一致,detail与wheelDelta只各取两个 值,detail只取±3,wheelDelta只取±120,其中正数表示为向上,负数表示向下。
复制代码 代码如下:
<p><label for="wheelDelta"> 滚动值:</label>(IE/Opera)<input type="text" id="wheelDelta" /></p>
<p><label for="detail"> 滚动值:(Firefox)</label><input type="text" id="detail" /></p>
<script type="text/javascript">
var oTxt=document.getElementById("txt");
/***********************
* 函数:判断滚轮滚动方向
* 作者:walkingp
* 参数:event
* 返回:滚轮方向 1:向上 -1:向下
*************************/
var scrollFunc=function(e){
var direct=0;
e=e || window.event;

var t1=document.getElementById("wheelDelta");
var t2=document.getElementById("detail");
if(e.wheelDelta){//IE/Opera/Chrome
t1.value=e.wheelDelta;
}else if(e.detail){//Firefox
t2.value=e.detail;
}
ScrollText(direct);
}
/*注册事件*/
if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari </script>


详细出处参考:http://www.jb51.net/article/21966.htm
分享到:
评论

相关推荐

    JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法

    本文实例讲述了JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法。分享给大家供大家参考,具体如下: 为什么会有人会使用ctrl+鼠标滚轮缩放网页?坚决禁止! &lt;html&gt; &lt;head&gt; &lt;title&gt;测试&lt;/title...

    disable-scroll-wheel-zoom:Chrome扩展程序禁用了Ctrl +滚轮缩放快捷方式

    标题中的“disable-scroll-wheel-zoom:Chrome扩展程序禁用了Ctrl +滚轮缩放快捷方式”表明我们关注的是一个Chrome浏览器的扩展程序,它的主要功能是阻止用户使用Ctrl键加鼠标滚轮进行页面缩放操作。这个特性可能对于...

    miniview:GNOME Shell插件,可显示预览窗口叠加层(如电视上的画中画)

    Ctrl +滚轮:调整不透明度 安装 您可以通过安装最新的官方发行版。 这对大多数人来说应该没问题。 要安装开发版本,请在本地克隆此存储库并创建指向Gnome Shell扩展目录的符号链接。 如果您将miniview克隆到...

    右键自制代码

    根据提供的文件信息,我们可以分析出该段代码主要涉及的是网页中的JavaScript编程,其核心功能是通过禁用右键点击和Ctrl+C快捷键来阻止用户复制网页上的内容。下面将对这段代码进行详细的解读,并深入探讨其中所涉及...

    程序天下:JavaScript实例自学手册

    4.2 使鼠标滚轮失效 4.3 状态栏显示鼠标位置 4.4 点击鼠标右键到指定页 4.5 鼠标放到图片上会显示另外一张图片 4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    4.2 使鼠标滚轮失效 4.3 状态栏显示鼠标位置 4.4 点击鼠标右键到指定页 4.5 鼠标放到图片上会显示另外一张图片 4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 ...

    电脑常用操作(Java开发方面的)

    ### 五、JavaScript禁用浏览器刷新和其他快捷键 **知识点描述:** 通过JavaScript代码可以禁止用户使用F5刷新页面、Ctrl+N打开新窗口以及Shift+F10弹出菜单等功能。 **详细解释:** 为了防止用户意外地刷新页面或...

    PixivPreview:在pixiv上显示artsmanga的放大预览并突出显示关注的用户

    对于大量艺术品,会出现水平滚动条,但也支持通过鼠标滚轮滚动(注意:在此期间禁用页面滚动,将鼠标移出预览以重新启用它)。 预览库位于距水平页面边缘40像素的位置(考虑到小屏幕和调整窗口大小)。 ■您

    EditPlus 2整理信箱的工具

    右键单击文档标签工具条,弹出菜单中选择“标签选项”,选中“用鼠标中间的按钮关闭”,这里包括鼠标的滚轮。 【8】软件技巧——如何去掉 EditPlus 保存文本文件时的添加后缀提示? 如果你使用 EditPlus 进行文本...

    Editplus 3[1].0

    右键单击文档标签工具条,弹出菜单中选择“标签选项”,选中“用鼠标中间的按钮关闭”,这里包括鼠标的滚轮。 【8】软件技巧——如何去掉 EditPlus 保存文本文件时的添加后缀提示? 如果你使用 EditPlus 进行文本...

    Unity3d心得

    白色代表正常状态,灰色表示被禁用,蓝色则标识导入的模型。 - **游戏场景**: 展示场景的3D视图,可以通过拖拽等方式进行交互式编辑。 - **项目文件夹结构**: 显示项目的资源结构,便于管理素材。 - **游戏对象组件...

    JS 屏蔽键盘不可用与鼠标右键不可用的方法

    通常,鼠标事件对象`oEvent`的`button`属性会被用来判断是哪个按钮被点击,其中`button`属性值为0代表左键,为1代表中间按钮(通常是滚轮),为2代表右键。要阻止右键菜单的弹出,可以在检测到右键点击时执行一些...

    IE8浏览器使用的十个小技巧提升.pdf

    9. **网页缩放**:通过按住Ctrl键并滚动鼠标滚轮,可以实现网页的缩放,方便阅读不同大小的文字和图像。 10. **使用搜索栏**:IE8的搜索栏不仅可以快速搜索网页,还能添加多个搜索引擎供切换,满足不同的搜索需求。...

    ASP升级.net资料大全(c#入门 语言规范 源码教程 学习笔记 技术资料 面试题 asp与.net代码生成器)

    处理“进程性能计数器被禁用”的错误.txt 串口操作.txt 打开word文件.txt 打造“浏览器”.txt 带图标和自定义颜色的ListBox.txt 得到当前数据库中所有用户表信息.txt 读取、设置系统时间日期.txt 读写注册表...

Global site tag (gtag.js) - Google Analytics