滾動條響應鼠標滑輪事件實現(xiàn)上下滾動的js代碼
更新時間：2014年06月30日 17:04:02 投稿：whsnow
javascript實現(xiàn)滾動條響應鼠標滑輪的實現(xiàn)上下滾動，示例代碼如下
實現(xiàn)鼠標滾動滾輪事件：
<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>
相關文章
TextRange是用來表現(xiàn)HTML元素中文字的對象，是一個用于處理JavaScript對象文本部分內容的一個對象2014-07-07
JSON.parse()和JSON.stringify()使用介紹
這篇文章主要介紹了JSON.parse()和JSON.stringify()使用,需要的朋友可以參考下2014-06-06
擦除效果在我們日常開發(fā)中也是時有見到的，通過擦除效果大大加強了與用戶的交互性，所以下面這篇文章主要給大家介紹了利用js和canvas實現(xiàn)擦除效果的相關資料，文中給出了詳細的介紹和示例代碼，需要的朋友可以參考借鑒，下面來一起看看吧。2017-04-04
這篇文章主要介紹了JavaScript引用類型Object常見用法,簡單描述了javascript基本數據類型,并結合實例形式分析了引用類型Object基本創(chuàng)建、賦值、訪問屬性等基本操作技巧,需要的朋友可以參考下2018-08-08
這篇文章主要為大家介紹了vue組件通信的幾種方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
最近有個同事問了個問題，關于數組，對象和類數組的，仔細說起來都是基礎，其實都沒什么好講的，不過看到還是有很多朋友有些迷糊，決定還是寫出來吧，下面這篇文章主要給大家介紹了Javascript對數組對象的各種操作,需要的朋友可以參考借鑒。2017-01-01
用js代碼和插件實現(xiàn)wordpress雪花飄落效果的四種方法
這篇文章主要介紹了用js代碼和插件實現(xiàn)wordpress雪花飄落效果的四種方法,需要的朋友可以參考下2014-12-12
怎么讓腳本或里面的函數在所有圖片都載入完畢的時候執(zhí)行
怎么讓腳本或里面的函數在所有圖片都載入完畢的時候執(zhí)行...2006-10-10
模擬彈出窗口效果，關閉層之前，不能選擇后面的頁內容...2007-02-02
這篇文章主要給大家介紹了關于微信小程序中遇到的一些iOS兼容性問題，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2018-11-11