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

作者:页面旅途

时间:2026-10-27

浏览:595

本文介绍在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>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章