js target

// 示例代码：使用 event.target 获取触发事件的元素

// HTML 结构
/*
<div id="container">
  <button id="btn1">按钮1</button>
  <button id="btn2">按钮2</button>
</div>
*/

// JavaScript 代码
document.getElementById('container').addEventListener('click', function(event) {
  // event.target 是实际触发事件的元素
  console.log('点击的元素是:', event.target);

  // 判断点击的是哪个按钮
  if (event.target.id === 'btn1') {
    console.log('你点击了按钮1');
  } else if (event.target.id === 'btn2') {
    console.log('你点击了按钮2');
  }
});

// 解释说明：
// 在这个示例中，我们为一个包含多个按钮的容器添加了一个点击事件监听器。
// 当用户点击容器内的任意元素时，`event.target` 会返回实际被点击的元素。
// 通过检查 `event.target.id`，我们可以确定用户点击的是哪个按钮，并执行相应的操作。