jquery中的常用事件bind、hover、toggle等示例介绍(2)
事件处理程序中event保存着事件对象。而event.tatget属性保存着发生事件的目标元素。这个属性是DOMAPI中规定的,但是没有被所有浏览器实现。jQuery对这个事
事件处理程序中event保存着事件对象。而event.tatget属性保存着发生事件的目标元素。这个属性是DOMAPI中规定的,但是没有被所有浏览器实现。jQuery对这个事件对象进行了必要的扩展,从而在任何浏览器中都能够使用这个属性。通过.target,可以确定DOM中首先接收到事件的元素。而且,我们知道this引用的是处理事件的DOM元素。
使用event.tatget属性 明确事件对象阻止事件冒泡的代码如下:
$(document).ready(function(){ $('switcher').click(function(event){ if(event.target== this) { $('switcher.button').toggleClass('hidden'); } };) });
其他事件对象属性可以参考w3c上的介绍。
精彩图集
精彩文章