滚动条响应鼠标滑轮事件实现上下滚动的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>
相关文章
本文详细介绍了在页面中引用template.js文件之后，具体的使用方法及实例，有需要的朋友可以参考下2016-11-11
本文通过实例代码给大家介绍了JavaScript 用fetch 实现异步下载文件功能，非常不错，具有参考借鉴价值,需要的朋友可以参考下2017-07-07
这篇文章主要为大家详细介绍了js实现随机8位验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
本文主要分享了原生JS下拉加载插件的实现代码。具有一定的参考价值，需要的朋友一起来看下吧2016-12-12
连连看游戏通常情况下都是使用html5来实现的，不过从现在开始就可以使用js来实现了，具体的代码如下，喜欢的朋友可以参考下，希望对大家有所帮助2013-09-09
使用ts进行开发的时候,不可避免的需要引用第三方的 JS 的库,但是默认情况下TS是不认识我们引入的这些JS库的,所以在使用这些JS库的时候,我们就要通过声明文件告诉TS它是什么,这篇文章主要给大家介绍了关于TypeScript声明文件的相关资料,需要的朋友可以参考下2022-05-05
这篇文章主要介绍了微信小程序实现蒙版弹出窗功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了JS字符串截取函数实例，有需要的朋友可以参考一下2013-12-12
这篇文章主要给大家介绍了关于JavaScript反转数组常用的4种方法,反转数组可以将数组中的元素顺序颠倒过来,从而达到一些特定的需求,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-07-07
document.designMode的功能与使用方法介绍...2007-11-11
最新评论