可以使用事件对象来获取点击的 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);
});