js實(shí)現(xiàn)的仿Photoshop鼠標(biāo)滾輪控制輸入框取值(修正兼容Chrome)
更新時(shí)間：2010年02月04日 10:51:01 作者：
一直很想做這個(gè)效果，原理是監(jiān)聽鼠標(biāo)滾輪事件；可將此效果繼續(xù)發(fā)散到其他應(yīng)用上，如圖片縮放，頁面縮放等。
一直很想做這個(gè)效果，原理是監(jiān)聽鼠標(biāo)滾輪事件；可將此效果繼續(xù)發(fā)散到其他應(yīng)用上，如圖片縮放，頁面縮放等。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
已經(jīng)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í)行]
已經(jīng)ff、ie、opera、chrome測試；其中45~47行中若使用
復(fù)制代碼 代碼如下:
/*注冊事件*/
if(document.attachEvent){
document.attachEvent('onmousewheel',scrollFunc);
}else if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}
則Chrome不起作用，將其更改為
復(fù)制代碼 代碼如下:
/*注冊事件*/
if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome
即可。
作者：王洪劍(51obj)
相關(guān)文章
這篇文章主要介紹了js事件觸發(fā)操作,結(jié)合實(shí)例形式分析了javascript事件觸發(fā)機(jī)制原理、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-06-06
javascript創(chuàng)建動態(tài)表單的方法
這篇文章主要介紹了javascript創(chuàng)建動態(tài)表單的方法,實(shí)例分析了javascript動態(tài)操作頁面表單元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
Layui表格行內(nèi)動態(tài)編輯數(shù)據(jù)
本文主要介紹經(jīng)典前端框架 layui 中的動態(tài)表格數(shù)據(jù)操作，結(jié)合 JQuery 動態(tài)編輯單元格中的數(shù)據(jù)，具有一定的參考價(jià)值，感興趣的可以了解一下2021-08-08
本文給大家匯總了2個(gè)JavaScript+css3實(shí)現(xiàn)的時(shí)鐘特效的代碼，非常的漂亮，有需要的小伙伴可以來參考下2016-10-10
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)折疊展開效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
JavaScript 獲取/設(shè)置光標(biāo)位置,兼容Input&&TextArea
JavaScript 獲取/設(shè)置光標(biāo)位置,兼容Input&&TextArea：項(xiàng)目中遇到的問題，特此記錄。2011-01-01
本篇文章主要是對js/jquery獲取文本框輸入焦點(diǎn)的方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
以下這篇文章是iScroll.js官網(wǎng)的中文翻譯，盡管自己英文不好，但覺得原作者們翻譯的這個(gè)資料還是可以的，基本用法介紹清楚了。如果你英文比較好的話，可以看看官網(wǎng)的資料2016-05-05
JavaScript實(shí)現(xiàn)找質(zhì)數(shù)代碼分享
這篇文章主要介紹了JavaScript實(shí)現(xiàn)找質(zhì)數(shù)代碼分享,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-03-03
循環(huán)允許我們通過循環(huán)數(shù)組或?qū)ο笾械捻?xiàng)并做一些事情。在這篇文章中，我們將了解JavaScript提供的for循環(huán)，感興趣的小伙伴可以了解一下2022-11-11