在HTML中使用preventDefault()和stopPropagation()来避免事件冒泡和默认操作,可以解决按钮点击事件触发两次的问题。示例代码如下:
HTML:
JavaScript: document.getElementById('btn').addEventListener('click', function(e) { e.preventDefault(); // 阻止默认操作 e.stopPropagation(); // 阻止事件冒泡 console.log('Button Clicked'); });