event.srcElement

最新推荐文章于 2017-12-19 10:33:33 发布

cindysaj

最新推荐文章于 2017-12-19 10:33:33 发布

阅读量224

点赞数

分类专栏： javascript 文章标签： javascript ViewUI

javascript 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一种通过event.srcElement获取触发事件DOM元素的方法，并演示了如何利用JavaScript判断元素类型及获取其父元素ID的过程。通过具体示例，读者可以了解到如何在网页中实现特定的交互效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body >
<table height="200" width="200" style="position:absolute;top:200;left:20;background:red" border="1">
<tr id="row1" onmouseover="show_id()"><td id="td1">aa</td></tr>
<tr id="row2" onmouseover="show_id()"><td id="td2">bb</td></tr>
<tr id="row3" onmouseover="show_id()"><td id="td3">cc</td></tr>
<tr id="row4" onmouseover="show_id()"><td id="td4">dd</td></tr>
<tr id="row5" onmouseover="show_id()"><td id="td5">ee</td></tr>
</table>

<a id="aa" href="javascript:void(0);" onclick="alert(event.srcElement.id);">test SrcElement</a><br>
<input type="text" id="txt"/>
<script type="text/javascript">
function show_id() {
obj = event.srcElement;
alert(obj.id);
if (obj.tagName == 'TD')
document.getElementById('txt').value = obj.parentElement.id
}
</script>
</body>

1. event.srcElement 获取当前事件触发对象
2.obj.tagName=='TD'对象的标签名等于TD
3.obj.parentElement.id 对象的父标签的id属性

[img]http://cindysaj.iteye.com/upload/attachment/56223/d998e3ef-2178-34cc-9f9d-b9c16a4f58b2.jpg[/img]
[img]http://cindysaj.iteye.com/upload/attachment/56232/bc6f32a4-856a-353a-8f21-3879cdb20f77.jpg[/img]