本文介绍在JavaScript事件响应中获取事件源对象的两种常用方法。第一种是通过HTML事件属性直接传递this参数;第二种是利用全局event对象的srcElement属性。文章提供了具体的代码示例,帮助开发者在需要修改事件源元素属性时快速定位目标对象。
JavaScript获取事件源对象的两种方法
在JavaScript的事件响应机制中,经常需要获取触发事件的对象(即事件源),以便对其属性进行修改,例如更改图片的src属性。实现这一目标主要有以下两种方法:
第一种方法:
将事件源对象作为参数直接传入事件处理函数。示例如下:
代码如下:
<div id="myid" onclick="show(this);">text</div>
<script type="text/javascript">
function show(obj){
window.alert(obj.id);
}
</script> 第二种方法:
直接调用隐藏的event对象。该对象包含一个srcElement属性,可直接用于访问触发事件的具体元素。
代码如下:
<div id="myid" onclick="show();">text</div>
<script type="text/javascript">
function show(){
window.alert(event.srcElement.id);
}
</script>