滚动条响应鼠标滑轮事件实现上下滚动的js代码
更新时间：2014年06月30日 17:04:02 投稿：whsnow
javascript实现滚动条响应鼠标滑轮的实现上下滚动，示例代码如下
实现鼠标滚动滚轮事件：
<script type="text/javascript">
var scrollFunc=function(e){
e=e || window.event;
if(e.wheelDelta){//IE/Opera/Chrome
if(e.wheelDelta==120)
{
//向上滚动事件
alert(e.wheelDeta +"向上");
}else
{
//向上滚动事件
alert(e.wheelDeta +"向上");
}
}else if(e.detail){
//Firefox
if(e.detail==-3) {
//向上滚动事件<br>
alert(e.detail +"向上");
}else {
//向下滚动事件<br>
alert(e.detail +"向下 ");
}
}
};
if(document.addEventListener){
//adding the event listerner for Mozilla
document.addEventListener("DOMMouseScroll" ,scrollFunc, false);
}
//IE/Opera/Chrome
window.onmousewheel=document.onmousewheel=scrollFunc;
</script>
相关文章
这篇文章主要给大家介绍了关于JS中Math对象使用的相关资料,Math和其他的对象不同,它不是一个构造函数,它属于一个工具类,不用创建对象,它里面封装了数学运算相关的属性和方法,需要的朋友可以参考下2024-06-06
这篇文章主要介绍了js将标签元素的高设为屏幕的百分比,需要的朋友可以参考下2017-04-04
今天小编就为大家分享一篇layer弹出层扩展主题的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
JavaScript中常见陷阱，都是一些实际应用中，需要注意的地方，需要的朋友可以参考下。2010-04-04
这篇文章主要给大家介绍了关于uniapp的request封装保姆级教程,request是基于uni-app框架封装的一个网络请求库,可以用于发送http请求和处理响应数据,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了微信小程序以ssm做后台开发的实现示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
这篇文章主要介绍了JavaScript手写call,apply,bind方法，call，bind，apply方法都是JavaScript原生的方法，挂载在Function原型上,使得所有函数都可以调用2022-06-06
这篇文章主要介绍了微信小程序实现元素渐入渐出动画效果封装方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要为大家详细介绍了javascript特殊文本输入框网页特效,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
bootstrap-table是在bootstrap-table的基础上写出来的，专门用于显示数据的表格插件。这篇文章主要介绍了Bootstrap table 定制提示语,需要的朋友可以参考下2017-02-02
最新评论