js获取点击的dom

可以使用事件对象来获取点击的 DOM 元素,如下所示:

document.addEventListener('click', function(event) { 
  const target = event.target; console.log('点击的 DOM 元素是:', target); 
});

在事件函数的参数中,event.target 表示最初被点击的元素。如果需要获取点击的父级元素(如点击了某个按钮,而不只是该按钮内的文本),则可以使用 event.currentTarget 或 this,它们指向绑定事件的元素。

如果需要停止事件冒泡,可以使用 event.stopPropagation() 方法。如果需要取消默认行为,则可以使用 event.preventDefault() 方法。注意,这两个方法需要在绑定事件的元素上调用,而不能在 event 对象上调用。

document.querySelector('.btn').addEventListener('click', function(event) { 
  event.stopPropagation(); // 停止事件冒泡 event.preventDefault(); 
  // 取消默认行为 const target = this; 
  // this 指向绑定事件的元素 console.log('点击的 DOM 元素是:', target); 
});

你可能感兴趣的:(javascript,前端,vue.js)