jq的事件对象的属性

1.event.type()

该方法的作用是可以获取到时间的类型

$('a').click(function(){

  alert(event.type);//获取事件类型

  return  false;//阻止链接跳转

})

//以上代码返回 click

2.event.preventDefalut()

该方法是阻止默认的事件行为,javascript中符合w3c的preventDefalut()的方法在IE浏览器中是无效的,jq对其进行了封装,使之能兼容各个浏览器。

3.event.stopPropagation()

该方法是阻止事件的冒泡,javascript中符合w3c的stopPropagation()方法在IE浏览器中是无效的,jq对其进行了封装,使之能兼容各个浏览器。

4.event.target()

该方法是获取到触发时间的元素,jq对其进行了封装,避免了w3c,IE和safari浏览器不同标准的差异

$('a[href='baidu.com']').click(function(event){

  alert(event.target.href)//获取触发事件a元素的href属性值,

  return false;//阻止默认事件

})

 

代码运行返回 baidu.com

5.event.relatedTarget()

在标准的DOM中,mouseover和mouseout所发生的元素可以通过event,target()方法来访问,相关元素是通过event.relatedTarget()方法来访问的,event.relatedTarget()方法在mouseover中相当于IE浏览器的event.fromElement(),mouseout相当于IE浏览器的event.toElement(),jq对其进行了封装,使之能兼容各个浏览器。

6.event.PageX()和event.PageY()

该方法是获取到光标相对于页面的 x坐标和y坐标,如果没有使用jq时,那么IE浏览器中是用event.x()/event.y()方法,而火狐浏览器中是用event.pageX()/event.pageY(),如果页面上有滚动条,还要加上滚动条的宽度和高度,在IE浏览器中还应该减去2px的边框。

7.event.which()

该方法的作用是在鼠标单击事件中,获取到鼠标的左,中,右键,在键盘事件中获取键盘的按键。

8.event.metaKey()

针对不同浏览器对键盘中的<ctrl>按键解释的不同,jq也进行了封装,并规定event.metaKey()方法为键盘事件中获取<ctrl>按键

9.event.originalEvent()

该方法的作用是指向原始的事件对象

posted @ 2016-04-25 14:55  susanws  阅读(574)  评论(0编辑  收藏  举报