JavaScript之srcElement元素

最新推荐文章于 2024-07-11 23:05:36 发布

duanshuyong

最新推荐文章于 2024-07-11 23:05:36 发布

阅读量4.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：软件与技术文章标签： javascript button class function input server

本文链接：https://blog.youkuaiyun.com/duanshuyong/article/details/7483356

软件与技术专栏收录该内容

45 篇文章

订阅专栏

本文介绍了一种在JavaScript中获取触发事件元素属性的方法，并通过一个示例展示了如何使用该方法来收集事件源的相关信息，包括ID、标签名、类型、值、类名及父元素ID等。

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

项目中用到了需要判定事件源的一些代码，先将从网上查到的获取事件源属性的代码，总结如下，方便以后查找

<html xmlns="http://www.w3.org/1999/xhtml" >  
<head runat="server">  
    <title>无标题页</title>  
  
<script language="javascript">  
function Get_srcElement()  
{  
var srcElement=""  
srcElement = srcElement + "\r\n" +  "event.srcElement.id : " + event.srcElement.id  
srcElement = srcElement + "\r\n" +  "event.srcElement.tagName : " + event.srcElement.tagName  
srcElement = srcElement + "\r\n" +  "event.srcElement.type : " + event.srcElement.type  
srcElement = srcElement + "\r\n" +  "event.srcElement.value : " + event.srcElement.value  
srcElement = srcElement + "\r\n" +  "event.srcElement.name : " + event.srcElement.name  
srcElement = srcElement + "\r\n" +  "event.srcElement.className : " + event.srcElement.className  
srcElement = srcElement + "\r\n" +  "event.srcElement.parentElement.id : " + event.srcElement.parentElement.name  
srcElement = srcElement + "\r\n" +  "event.srcElement.getattribute : " + event.srcElement.getAttribute  
alert(srcElement)  
}  
  
</script>  
</head>  
<body>  
    <form id="form1">  
    <div id="divv" name="divww">  
      <input type="button" id="button_001_id" name="button_001_Name" value="查看" class="button_001_Class" onclick="Get_srcElement(this)">      
    </div>  
    </form>  
</body>  
</html>