跨浏览器鼠标滚轮事件及测试用例
返回原文
A区域
段落元素P 在这试试 段落元素P 在这试试 段落元素P
链接元素A 在这试试
在这试试 段落元素P
B区域
段落元素P 在这试试 段落元素P 在这试试 段落元素P
链接元素A 在这试试
在这试试 段落元素P
测试说明
当在目标区域内滚动,则会阻止整个页面的滚动(默认配置)。如果mouseWheel.on的第三个参数为false,则不阻止。
相同的元素会阻止绑定相同的事件。可以疯狂点击绑定事件按钮。
鉴于鼠标事件一般用的不多,所以没有处理IE下多个事件的执行顺序和绑定顺序可能不同的问题。
为event对象添加了统一的滚轮方向信息,向上滚动( e.wheel = 1 且 e.wheelDir ='up' ),向下滚动( e.wheel = -1 且 e.wheelDir ='down' )。请注意滚轮信息的变化。