首页 > 代码库 > 鼠标滚轮事件、鼠标按钮
鼠标滚轮事件、鼠标按钮
鼠标滚轮兼容：
/*事件：DOMMouseScroll（W3C）、onmousewheel（IE/Opera/ChromeS）滚轮方向判断：wheelDelta（IE/Opera/Chrome）、detail（Firefox）滚轮方向值：wheelDelta（上：120，下：-120）、detail（上：-3，下：3）
ps：注意某些时候需要阻止滚动默认行为*//**
* 鼠标滚轮
* @param o{object} 绑定滚轮事件的对象
* @param callback{function} 滚轮上下滚动时执行的函数，接收一个参数（上：120，下：-120）
*
* wheel(o, function(detail){
* alert(detail);
* });
*/function wheel(o, callback){ function fn(e){ var e = e || window.event, detail = 0; if(e.wheelDelta){ // IE/Opera/Chrome detail = e.wheelDelta; }else if(e.detail){ // Firefox detail = -e.detail * 40; } callback(detail); } if(o.addEventListener){ // W3C o.addEventListener(‘DOMMouseScroll‘,fn,false); } o.onmousewheel = fn; // IE/Opera/Chrome}
鼠标左中右按钮兼容：
/*W3C：左(0)，中(1)，右(2)IE：左(0, 1, 3, 5, 7)，中(4)，右(2, 6)*//* * return {number} 0, 1, 2 * * addEvent(document, ‘mousedown‘, function(ev){ * alert(getEventButton(ev)); * }); */function getEventButton(event){ var ev = event || window.event; if(document.implementation.hasFeature(‘MouseEvents‘, ‘2.0‘)){ return ev.button; }else{ return [0, 0, 2, 0, 1, 0, 2, 0][ev.button]; }}
鼠标滚轮事件、鼠标按钮
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。