本文介绍了事件对象的概念及其在JavaScript中的使用方式。当一个事件被触发时，浏览器会生成一个事件对象，其中包含了关于事件的所有信息，比如事件的类型、触发事件的目标元素等。文章通过实例演示了如何获取事件的目标节点。
事件对象
什么是事件对象呢？当我们触发一个事件时，便会产生一个事件对象，这个对象中包含着这个事件的相关信息，包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息等。这个对象是在执行事件时，浏览器通过函数传递过来的。
input.onclick = function (evt) { //接受 event 对象，名称不一定非要 event
alert(evt); //MouseEvent，鼠标事件对象 IE不支持};
target事件属性
target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口。
以下实例中的x=event.target; 返回的就是id=p1的<p>元素节点
<html>
<head>
<script type="text/javascript">
function getEventTrigger(event)
{
x=event.target;
alert("The id of the triggered element: "
+ x.id);
}
</script>
</head>
<body >
<p id="p1" onmousedown="getEventTrigger(event)">
Click on this paragraph. An alert box will
show which element triggered the event.</p>
</body>
</html>
扫一扫
231
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
