事件对象的属性,基于jQuery(jquery针对不同浏览器进行了兼容性的封装)

时间:2022-09-18 15:11:04

1. event.type(该方法是获取到事件的类型)

$( 'a' ).click( function( event ){
alert( event.type ); //click
return false;
} )

2.event.preventDefault()(该方法是阻止事件的默认行为,如:a链接的跳转行为,效果如同:return false)

3.event.stopPropagation()(该方法是阻止事件冒泡行为,效果如同:return false)

4.event.target(获取触发事件的元素)

$( 'a[href="cccc"]' ).click( function(){
var t = event.target;
alert( t.href ); //cccc
return false;
} )

5.event.relatedTarget(返回与事件的目标节点相关的节点。对于 mouseover 事件来说,该属性是鼠标指针移到目标节点上时所离开的那个节点。对于 mouseout 事件来说,该属性是离开目标时,鼠标指针进入的节点。对于其他类型的事件来说,这个属性没有用。)

6.event.pageX与event.pageY(获取事件元素相对于页面中的坐标)

7.event.which(获取按键值)

//获取鼠标按键代码(1:鼠标左键;2:鼠标右键;3:鼠标右键)
$( 'a' ).mousedown( function( event ){
alert( event.which );
} ) //获取键盘按键代码
$( 'input' ).keyup( function( event ){
alert( event.which );
} )

8.event.metaKey(与event.which类似主要获取Ctrl按键)