mousewheel?和?DOMMouseScroll?事件
????????mousewheel?監(jiān)聽滾輪發(fā)生滾動?(IE/chrome)
????????????????e.wheelDelta?120?up?|?-120?down
????????DOMMouseScroll?監(jiān)聽滾輪發(fā)生滾動?(firefox);
????????????????e.detail?-3?up?|?3?down
e.wheelDelta?和?e.detail?滾輪方向
兼容版滾輪事件
function?mouseScroll({el,up,down}){
????el.addEventListener("mousewheel",(e)=>{
????????if(e.wheelDelta?>?0){
????????????up&&up.call(el,e);
????????}?else?{
????????????down&&down.call(el,e);
????????}
????});
????el.addEventListener("DOMMouseScroll",(e)=>{
????????if(e.detail?<?0){
????????????up&&up.call(el,e);
????????}?else?{
????????????down&&down.call(el,e);
????????}
????});
}
{
????mouseScroll({
????????el:?document,
????????up(){
????????????console.log("向上滾動",this);
????????},down(){
????????????console.log("向下滾動");
????????}})?
}
mousedown褥伴、mouseup 鼠標按下抬起
????????拖拽案例
mousewheel、DOMMouseScroll 鼠標滾動事件
????????e.wheelDelta? ? ? ?（谷歌生蚁、IE）
????????e.detail? ? ? ? ? （火狐）
dblclick 雙擊
鼠標按鍵
長按事件
? ??????dispatchEvent(event)
