JavaScript中事件的target属性
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript中事件的target属性相关的知识，希望对你有一定的参考价值。
target 事件属性可返回事件的目标节点(哪个 DOM 元素触发了该事件)，如生成事件的元素、文档或窗口。
语法：event.target
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="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属性的主要内容，如果未能解决你的问题，请参考以下文章