其中经我测试,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
分享到:
相关推荐
标题中的“disable-scroll-wheel-zoom:Chrome扩展程序禁用了Ctrl +滚轮缩放快捷方式”表明我们关注的是一个Chrome浏览器的扩展程序,它的主要功能是阻止用户使用Ctrl键加鼠标滚轮进行页面缩放操作。这个特性可能对于...
本文实例讲述了JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法。分享给大家供大家参考,具体如下: 为什么会有人会使用ctrl+鼠标滚轮缩放网页?坚决禁止! <html> <head> <title>测试</title...
Ctrl +滚轮:调整不透明度 安装 您可以通过安装最新的官方发行版。 这对大多数人来说应该没问题。 要安装开发版本,请在本地克隆此存储库并创建指向Gnome Shell扩展目录的符号链接。 如果您将miniview克隆到...
根据提供的文件信息,我们可以分析出该段代码主要涉及的是网页中的JavaScript编程,其核心功能是通过禁用右键点击和Ctrl+C快捷键来阻止用户复制网页上的内容。下面将对这段代码进行详细的解读,并深入探讨其中所涉及...
4.2 使鼠标滚轮失效 4.3 状态栏显示鼠标位置 4.4 点击鼠标右键到指定页 4.5 鼠标放到图片上会显示另外一张图片 4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 ...
4.2 使鼠标滚轮失效 4.3 状态栏显示鼠标位置 4.4 点击鼠标右键到指定页 4.5 鼠标放到图片上会显示另外一张图片 4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 ...
### 五、JavaScript禁用浏览器刷新和其他快捷键 **知识点描述:** 通过JavaScript代码可以禁止用户使用F5刷新页面、Ctrl+N打开新窗口以及Shift+F10弹出菜单等功能。 **详细解释:** 为了防止用户意外地刷新页面或...
对于大量艺术品,会出现水平滚动条,但也支持通过鼠标滚轮滚动(注意:在此期间禁用页面滚动,将鼠标移出预览以重新启用它)。 预览库位于距水平页面边缘40像素的位置(考虑到小屏幕和调整窗口大小)。 ■您
右键单击文档标签工具条,弹出菜单中选择“标签选项”,选中“用鼠标中间的按钮关闭”,这里包括鼠标的滚轮。 【8】软件技巧——如何去掉 EditPlus 保存文本文件时的添加后缀提示? 如果你使用 EditPlus 进行文本...
右键单击文档标签工具条,弹出菜单中选择“标签选项”,选中“用鼠标中间的按钮关闭”,这里包括鼠标的滚轮。 【8】软件技巧——如何去掉 EditPlus 保存文本文件时的添加后缀提示? 如果你使用 EditPlus 进行文本...
白色代表正常状态,灰色表示被禁用,蓝色则标识导入的模型。 - **游戏场景**: 展示场景的3D视图,可以通过拖拽等方式进行交互式编辑。 - **项目文件夹结构**: 显示项目的资源结构,便于管理素材。 - **游戏对象组件...
通常,鼠标事件对象`oEvent`的`button`属性会被用来判断是哪个按钮被点击,其中`button`属性值为0代表左键,为1代表中间按钮(通常是滚轮),为2代表右键。要阻止右键菜单的弹出,可以在检测到右键点击时执行一些...
9. **网页缩放**:通过按住Ctrl键并滚动鼠标滚轮,可以实现网页的缩放,方便阅读不同大小的文字和图像。 10. **使用搜索栏**:IE8的搜索栏不仅可以快速搜索网页,还能添加多个搜索引擎供切换,满足不同的搜索需求。...
处理“进程性能计数器被禁用”的错误.txt 串口操作.txt 打开word文件.txt 打造“浏览器”.txt 带图标和自定义颜色的ListBox.txt 得到当前数据库中所有用户表信息.txt 读取、设置系统时间日期.txt 读写注册表...