0
点赞
收藏
分享

微信扫一扫

利用jQuery的$.event.fix函数统一浏览器event事件处理


function eventHandler(e) 

var event = $.event.fix(e); 
var elem = event.target; 
alert('当前点击对象的标签名是:' + elem.tagName); 
alert('当前点击按钮文本是:' + elem.value); 
alert('pageX:' + event.pageX + ',pageY:' + event.pageY); 
//得到按键码 
event.keyCode 
//取消浏览器默认行为 
event.preventDefault(); 
//取消事件冒泡 
event.stopPropagation(); 
//...还有好些不是很常用属性,这里不一一列举 

}


​   $.event.fix(event).stopPropagation();​​​​stopPropagation()​​函数用于阻止当前事件在DOM树上冒泡。

根据DOM事件流机制,在元素上触发的大多数事件都会冒泡传递到该元素的所有祖辈元素上,如果这些祖辈元素上也绑定了相应的事件处理函数,就会触发执行这些函数。

​stopPropagation()​​函数可以阻止当前事件向祖辈元素的冒泡传递,也就是说该事件不会触发执行当前元素的任何祖辈元素的任何事件处理函数。

该函数只阻止事件向祖辈元素的传播,不会阻止该元素自身绑定的其他事件处理函数的函数。​​event.stopImmediatePropagation()​​不仅会阻止事件向祖辈元素的传播,还会阻止该元素绑定的其他(尚未执行的)事件处理函数的执行。

​stopPropagation()​​函数无法阻止live事件的冒泡。​​stopPropagation()​​函数无法阻止该元素到"受委托"的祖辈元素之间的事件冒泡。

该函数属于jQuery的​​Event对象​​。

举报

相关推荐

0 条评论