当前位置:首页>开发>正文

jquery事件对象event有哪些属性和方法 jQuery如何区分触发mouseover事件的对象

2023-06-06 01:47:58 互联网 未知 开发

 jquery事件对象event有哪些属性和方法 jQuery如何区分触发mouseover事件的对象

jquery事件对象event有哪些属性和方法

1.event.type属性
该方法作用是可以获取到时间的类型。
2.event.preventDefault()方法
该方法的作用是阻止默认的事件行为。JavaScript中符合W3C规范的preventDefault()方法在IE浏览器中无效。jQuery对其进行了封装,使之能兼容各种浏览器。

3.event.stopPropagation()方法
该方法是阻止事件的冒泡。JavaScript中符合W3C规范的stopPropagation()方法在IE浏览器中无效。jQuery对其进行封装,使之能兼容各种浏览器。

4.event.target属性
event.target属性的作用是获取到出发事件的元素。jQuery对其封装后,避免了W3C、IE和safari浏览器不同标准的差异。

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

6.event.pageX/event.pageY属性
该方法的作用是获取到光标相对页面的x坐标和y坐标。如果没有使用jQuery时,那么IE浏览器中是用event/event.y方法,而在Firefox浏览器中用event.pageX/event.pageY方法。如果页上有滚动条,则还要加上滚动条的宽度和高度。在IE浏览器中还应该减去默认的2px的边框。
7.event.which属性
该方法的作用是在鼠标单击事件中获取到鼠标的左、中、右键;在键盘事件中获取键盘的按钮。
8.event.metaKey属性
针对不同浏览器对键盘中的按键解释不同,jQuery也进行了封装,并规定event.metaKey()方法为键盘事件中获取按键。

9.event.originalEvent属性。
该方法的作用是指向原始的事件对象。

jQuery如何区分触发mouseover事件的对象?

在mouseover事件中,显示地传递一个event对象,假设如下为mouseover事件
function over(event)
{
var target =event.srcElement ? event.srcElement :event.target
alert("我的链接地址为:" target.href)
}

jquery如何在对象事件中获取对象属性?

<div id="a" onclick="fun()">sdf</div>

var fun = function(e){
    var dom = e.target

    if(dom.tagName.toLowerCase()=="div"){
    }else if(){}

    else{}

    alert(dom.id)

alert(dom.name)
}

最新文章