event.srcElement 用法笔记e.target

event.srcElement 和 e.target 都是指向事件触发的DOM元素的属性。在不同的浏览器中，其名称和行为可能略有不同，但作用是一样的。

在现代浏览器中，我们应该用 e.target 代替 event.srcElement。下面是两个例子，演示了如何使用这两个属性：

使用 event.srcElement

document.addEventListener("click", function(event) {
  var target = event.target || event.srcElement;
  if (target.tagName === "BUTTON") {
    console.log("Button clicked: " + target.textContent);
  }
});

在这个例子中，我们使用 event.target 和 event.srcElement 来确定点击的是否是一个按钮元素。如果是，我们打印出按钮的文本内容。

使用 e.target

document.addEventListener("click", function(e) {
  if (e.target.matches("a[href]")) {
    console.log("Link clicked: " + e.target.href);
    e.preventDefault();
  }
});

在这个例子中，我们使用 e.target 和 e.preventDefault() 来防止链接的默认行为，同时打印出链接的URL。我们还使用了 e.target.matches() 方法来检查点击的元素是否有一个 href 属性，并且是否是一个 a 标签。