JavaScript获取事件源对象的两种方法

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>