用谷歌浏览器测试ev.wheelData怎么没有用了,求大家解答

徐小三 2019-03-06 09:45:28
window.onload=function(){
var testnode=document.querySelector('#test');
testnode.onmousewheel=fn;
//火狐只可以用DOM0级事件
if(testnode.addEventListener){
testnode.addEventListener("DOMMouseScroll",fn)
}

function fn(ev){
ev=ev||event;
var dir="";
if(ev.wheelData){
dir=ev.wheelData>0? "up": "down";
}
if(ev.detail){
dir=ev.detail>0? "down": "up";
}
console.log(dir);
switch (dir){
case "down":
testnode.style.height=testnode.offsetHeight+10+'px';
break;
case "up":
testnode.style.height=testnode.offsetHeight-10+'px';
break;
default:
break;
}
//阻止dom2的默认行为
if(ev.preventDefault){
ev.preventDefault();
}
//阻止dom0的默认行为
return false;
}
}
...全文
203 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
丰云 2019-03-07
  • 打赏
  • 举报
回复
你确定是wheelData???不是wheelDelta ???

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧