js实现点击事件
使用 addEventListener 绑定点击事件
通过 addEventListener 方法为元素绑定 click 事件，支持动态添加多个事件监听器。
const button = document.getElementById('myButton');
button.addEventListener('click', function() {
alert('按钮被点击了！');
});通过 onclick 属性直接绑定
直接在 HTML 元素上设置 onclick 属性，或在 JavaScript 中赋值。
HTML 内联方式：
<button onclick="alert('点击事件触发')">点击我</button>JavaScript 动态赋值：
const button = document.getElementById('myButton');
button.onclick = function() {
console.log('按钮被点击了');
};事件委托（动态元素处理）
通过父元素监听子元素的点击事件，适合动态添加的元素。
document.getElementById('parent').addEventListener('click', function(event) {
if (event.target.classList.contains('child')) {
console.log('子元素被点击');
}
});阻止事件默认行为或冒泡
在事件处理函数中调用 event 对象的方法控制事件传播。
document.getElementById('link').addEventListener('click', function(event) {
event.preventDefault(); // 阻止默认行为（如链接跳转）
event.stopPropagation(); // 阻止事件冒泡
});使用箭头函数简化代码
箭头函数可避免 this 绑定问题，适合需要上下文一致的场景。
const button = document.getElementById('myButton');
button.addEventListener('click', () => {
console.log(this); // 指向外层作用域
});兼容性注意事项
addEventListener不支持 IE8 及以下版本，需使用attachEvent替代。- 内联
onclick不利于维护，推荐优先使用addEventListener。
