发布在:事件

事件处理函数内部

每个事件处理函数都会接收一个事件对象,其中包含许多属性和方法。事件对象最常用于通过 .preventDefault() 方法阻止事件的默认操作。但是,事件对象包含许多其他有用的属性和方法,包括

链接 pageX、pageY

事件发生时的鼠标位置,相对于页面的左上角。

链接 type

事件的类型(例如“click”)。

链接 which

按下的按钮或键。

链接 data

事件绑定时传入的任何数据。

链接 target

引发事件的 DOM 元素。

链接 preventDefault()

阻止事件的默认操作(例如,跟随链接)。

链接 stopPropagation()

阻止事件冒泡到其他元素。

除了事件对象,事件处理函数还可以通过关键字 this 访问处理程序绑定的 DOM 元素。要将 DOM 元素转换为我们可以对其使用 jQuery 方法的 jQuery 对象,我们只需执行 $( this ),通常遵循此惯用语

1
var elem = $( this );
1
2
3
4
5
6
7
8
// Preventing a link from being followed
$( "a" ).click(function( event ) {
var elem = $( this );
if ( elem.attr( "href" ).match( "evil" ) ) {
event.preventDefault();
elem.addClass( "evil" );
}
});