JavaScript 事件代理:如何判断触发事件的元素
在 JavaScript 事件代理中,可以通过事件对象中的 target 属性来获取触发事件的元素。通常,事件代理会将事件绑定在父元素上,当子元素触发事件时,事件会冒泡到父元素,并且事件对象中的 target 属性会指向触发事件的子元素。
您可以根据 target 属性来判断触发事件的元素,从而执行相应的操作。例如:
var parent = document.getElementById('parent');
parent.addEventListener('click', function(event) {
var target = event.target;
if (target.tagName === 'LI') {
// 如果触发事件的元素是 li,则执行相应操作
console.log(target.textContent);
}
});
在上面的例子中,当点击父元素 parent 中的任意一个 li 元素时,会触发 click 事件并执行相应的操作。通过判断事件对象中的 target 属性,可以确保只有点击 li 元素时才会执行操作。
原文地址: https://www.cveoy.top/t/topic/lDPd 著作权归作者所有。请勿转载和采集!