js上层元素点击时如何不触发下层元素的点击事件

你可以使用 event.stopPropagation() 方法来阻止事件冒泡，从而避免下层元素的点击事件被触发。例如，假设你有一个父元素和一个子元素，你可以在子元素的点击事件处理函数中调用 event.stopPropagation() 方法：

document.querySelector('#child').addEventListener('click', function(event) {
  event.stopPropagation();
  // 处理子元素的点击事件
});

document.querySelector('#parent').addEventListener('click', function(event) {
  // 处理父元素的点击事件
});

在上面的代码中，当你点击子元素时，子元素的点击事件处理函数会被触发，但是父元素的点击事件处理函数不会被触发，因为 event.stopPropagation() 方法阻止了事件冒泡。