js實現(xiàn)的仿Photoshop鼠標滾輪控制輸入框取值(修正兼容Chrome)
更新時間：2010年02月04日 10:51:01 作者：
一直很想做這個效果，原理是監(jiān)聽鼠標滾輪事件；可將此效果繼續(xù)發(fā)散到其他應用上，如圖片縮放，頁面縮放等。
一直很想做這個效果，原理是監(jiān)聽鼠標滾輪事件；可將此效果繼續(xù)發(fā)散到其他應用上，如圖片縮放，頁面縮放等。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
已經ff、ie、opera、chrome測試；其中45~47行中若使用
/*注冊事件*/
if(document.attachEvent){
document.attachEvent('onmousewheel',scrollFunc);
}else if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}
則Chrome不起作用，將其更改為
/*注冊事件*/
if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome
即可。
作者：王洪劍(51obj)
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
已經ff、ie、opera、chrome測試；其中45~47行中若使用
復制代碼 代碼如下:
/*注冊事件*/
if(document.attachEvent){
document.attachEvent('onmousewheel',scrollFunc);
}else if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}
則Chrome不起作用，將其更改為
復制代碼 代碼如下:
/*注冊事件*/
if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome
即可。
作者：王洪劍(51obj)
相關文章
這篇文章主要介紹了js中一維數(shù)組和二維數(shù)組互轉,本文結合示例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-04-04
這篇文章主要介紹了Firefox中使用outerHTML的2種解決方法,需要的朋友可以參考下2014-06-06
這篇文章主要為大家詳細介紹了ionic實現(xiàn)底部分享功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
javascript 組合按鍵事件監(jiān)聽實現(xiàn)代碼
這篇文章主要介紹了javascript 組合按鍵事件監(jiān)聽實現(xiàn)代碼的相關資料,需要的朋友可以參考下2017-02-02
兄弟節(jié)點之間可以通過 previousSibling 和 nextSibling 屬性訪問同一級別上的不同子節(jié)點。這個兄弟節(jié)點是元素還是文本節(jié)點在現(xiàn)代瀏覽器上運行是怎么樣的呢？2009-10-10
七個基于JavaScript實現(xiàn)的情人節(jié)表白特效
情人節(jié)將至 程序員證明自己不是直男的時候到啦 我們也有自己的專屬代碼浪漫。本文將介紹七個利用JavaScript實現(xiàn)的情人節(jié)表白特效，需要的可以參考一下2022-01-01
本文通過實例代碼給大家介紹了基于js計算兩個日期間的天數(shù)月，文中還通過一段代碼給大家簡單說明了js計算兩個日期差的方法，感興趣的朋友跟隨小編一起看看吧2018-09-09
這篇文章主要介紹了信小程序用戶授權、位置授權及獲取微信綁定手機號,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-07-07
IE下Ajax緩存問題的快速解決方法(get方式)。網(wǎng)上搜了很多解決方案，一大把，下面是我認為比較全面的解決方案。主要分為客戶端解決和服務端解決2014-01-01
TypeScript中d.ts類型聲明文件的實現(xiàn)
.d.ts 文件是 TypeScript 的類型聲明文件,它們的主要作用是為 JavaScript 庫提供類型支持,本文主要介紹了TypeScript中d.ts類型聲明文件的實現(xiàn),感興趣的可以了解一下2023-10-10