鼠标滚动：mousewheel事件在Firefox采用DOMMouseScroll事件的统一处理

【鼠标滚动：mousewheel事件在Firefox采用DOMMouseScroll事件的统一处理】的更多相关文章

鼠标滚动：mousewheel事件在Firefox采用DOMMouseScroll事件的统一处理

这是一个小事件,但当下的WEB应用交互非常丰富,判断鼠标的滚动来执行相应的操作是比较常见的.我用Chrome/IE/Firefox/Opera 4种浏览器做测试,发现只有firefox的处理方法有很大的不同,下面细说一下这个情况: 第1.事件的名称不同其它浏览器均采用mousewheel做为事件的名称,而Firefox采用DOMMouseScroll做为事件的名称,为了兼容,那我们就得绑定两次事件,如下: document.addEventListener('mousewheel', hand…

JavaScript一个鼠标滚动事件的实例

javascript 事件委托,jq,js模拟事件

<!DOCTYPE> <html> <head> <title></title> <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> </head> <body> <ul id="myLinks"> <li id="one&…

鼠标滚轮(mousewheel)和DOMMouseScroll事件

IE6.0首先实现了mousewheel事件.此后,Opera.Chrome和Safari也都实现了这个事件.当用户通过鼠标滚轮与页面交互.在垂直方向上滚动页面时(无论向下还是向上),就会触发mousewheel事件.这个事件可以在任何元素上面触发,最终会冒泡到document(IE)或window(Opera.Chrome.及Safari)对象.与mousewheel事件对应的event对象包含鼠标事件的所有标准信息之外,还包含一个特殊的wheelDelta属性.当用于向前滚动鼠标滚轮是,wh…

javascript事件之鼠标滚轮(mousewheel)和DOMMouseScroll事件

javascript事件之鼠标滚轮(mousewheel)和DOMMouseScroll事件发布时间:2015-02-07 编辑:www.jquerycn.cn 本文学习下,javascript中的鼠标滚轮(mousewheel)和DOMMouseScroll事件的用法,通过具体的实例来作深入的讲解,供大家学习参考. 本节介绍javascript中的鼠标滚轮(mousewheel)和DOMMouseScroll事件的用法. IE6.0首先实现了mousewheel事件.此后,Opera…

在FireFox浏览器上，用stopImmediatePropagation阻止冒泡鼠标滚动事件

楔子是不是在火狐用stopPropagation不太满意很久没有笑过又不知为何既然不快乐又不喜欢这里不如一路向西用stopImmediatePropagation(其实我对浏览器的兼容性看不顺眼已经很久了,殊不知浏览器对我的想法更不顺眼,甚至嗤之以鼻) 注释言归正传,让我解释一下stopImmediatePropagation的用法:如果多个监听器连接到同一事件类型的同一元素,则按添加监听器的顺序调用它们.如果在一个这样的调用中调用了event. stopimmediatePropag…

鼠标滚动事件 - onmousewheel

1.Jquery-MouseWheel jquery默认是不支持支持鼠标滚轮事件(mousewheel) jquery MouseWheel下载:https://github.com/jquery/jquery-mousewheel/blob/master/jquery.mousewheel.js 然后就可以使用mousewheel和unmousewheel事件函数了 $('div.mousewheel_example').mousewheel(fn); $('div.mousewheel_ex…

JS滚轮mousewheel事件和DOMMouseScroll事件

滚轮事件的兼容性差异有些不拘一格,不是以往的IE8-派和其他派,而是FireFox派和其他派. 包括IE6在内的浏览器是使用onmousewheel,而FireFox浏览器一个人使用DOMMouseScroll. 经自己测试,即使现在FireFox 19下,也是不识onmousewheel 一个最简单的使用差异(body滚动条由内部一定高div撑开): document.body.onmousewheel = function(event) { event = event || window.e…

JS鼠标滚动事件

-----------------------------//鼠标滚动事件以下是JS临听鼠标滚动事件并且还考虑到了各浏览器的兼容---------------------------------------------------- //鼠标滚动事件 var scrollFunc=function(e){ //获取函数代码 e=e || window.event; //判断浏览器兼容哪个方法 if(e.wheelDelta)//IE/Opera/Chrome alert("监听成功!"…

vue组件添加鼠标滚动事件

在一个组件标签上加鼠标滚动事件,应该写成 @mousewheel.native…