这个问题通常出现在使用addEventListener给按钮添加点击事件时。这是因为第一次点击会触发默认的行为,例如在表单中单击提交按钮,会将数据提交到服务器。这次默认的行为会阻止事件侦听器的执行,因此addEventListener只能在第二次点击后才会触发。
解决方法是使用preventDefault()方法来阻止默认的行为,代码示例如下:
document.querySelector('button').addEventListener('click', function(event) {
event.preventDefault();
// 在这里添加需要执行的代码
});
通过添加event.preventDefault()来阻止默认的行为,可以确保在第一次点击时就会触发事件侦听器。