确定被添加事件监听器的元素已经完全加载并存在于 DOM 中,否则事件监听器将无法正确绑定。代码示例:
window.addEventListener('DOMContentLoaded', function() {
var el = document.getElementById('example');
el.addEventListener('click', function() {
console.log('The element has been clicked!');
});
});
此代码添加了一个 DOMContentLoaded
事件监听器,该监听器将在文档完全加载并准备好交互时触发。在此事件中,可以安全地将事件监听器添加到任何元素中,以便确保正确绑定事件。