首页 > 代码库 > JavaScript中事件的target属性
JavaScript中事件的target属性
target 事件属性可返回事件的目标节点(哪个 DOM 元素触发了该事件)，如生成事件的元素、文档或窗口。
语法：event.target
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://www.mamicode.com/jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("button").click(function (event) {
//返回的是大写的元素名BUTTON
var targetNodeName = event.target.nodeName;
//targetNodeName就是个字符串类型的元素名
if (typeof targetNodeName == "string") {
//打印
alert("targetNodeName string")
}
$("div").html("点击事件由 " + targetNodeName + " 元素触发");
//$(targetNodeName)选择这个元素
if ($(targetNodeName).hasClass("button-class")) {
//打印
alert("targetNodeName has class button-class")
}
var parentNode = $(event.target.nodeName).parent()[0].nodeName.toLowerCase();
//parentNode:body
alert("parentNode:" + parentNode);
});
});
</script>
</head>
<body>
<button class="button-class">这是一个按钮</button>
<div></div>
</body>
</html>
JavaScript中事件的target属性
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。