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