要解决“addEventListener 对于动态加载内容无效”的问题,可以使用事件委托的方式来绑定事件。事件委托是将事件绑定到父元素上,然后通过事件冒泡的方式来处理子元素的事件。
以下是一个使用事件委托解决动态加载内容的例子:
HTML 代码:
JavaScript 代码:
// 获取父容器元素
var parentContainer = document.getElementById('parent-container');
// 添加事件委托
parentContainer.addEventListener('click', function(event) {
var target = event.target;
// 判断点击的元素是否是目标元素
if (target.classList.contains('target-element')) {
// 在这里处理点击事件
console.log('点击了目标元素');
}
});
在这个例子中,我们将事件委托绑定到父容器元素上。当点击父容器内的子元素时,事件会通过事件冒泡的方式传递到父容器上,并且通过判断点击的元素是否是目标元素来处理事件。
请记得将代码中的 "target-element" 替换为你实际需要绑定事件的目标元素的类名或标签名。
上一篇:addEventListener 不进入 else 分支。
下一篇:addeventlistener JavaScript 中显示的旧搜索结果,“Inner.HTML = ``” 不正常工作。