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

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按键）

转载于:https://www.cnblogs.com/zhangtianqi520/p/7066897.html