target js属性

target 是 JavaScript 中的一个事件属性，它用于获取触发事件的元素。这个属性通常在事件处理函数中使用，可以帮助开发者了解哪个元素触发了特定的事件。

基础概念

当一个事件（如点击、鼠标悬停等）被触发时，浏览器会创建一个事件对象，该对象包含了与该事件相关的各种信息。target 属性就是这个事件对象的一部分，它指向触发事件的最具体的元素。

类型与应用场景

类型：target 属性返回的是一个 DOM 元素对象。
应用场景：
- 表单验证：确定哪个表单元素触发了提交事件。
- 动态内容加载：根据用户点击的元素动态加载内容。
- 菜单导航：识别用户点击的菜单项以展开或折叠子菜单。

示例代码

以下是一个简单的示例，展示了如何使用 target 属性来处理点击事件：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Target Example</title>
<script>
function handleClick(event) {
    console.log('触发事件的元素是:', event.target);
}
</script>
</head>
<body>

<button onclick="handleClick(event)">点击我</button>

</body>
</html>

在这个例子中，当用户点击按钮时，控制台会输出触发事件的元素（即按钮本身）。