js 实现按钮点击
实现按钮点击的 JavaScript 方法
HTML 按钮元素
在 HTML 中创建一个按钮，为其添加 id 或 class 以便通过 JavaScript 定位：
<button id="myButton">点击我</button>方法 1：通过 addEventListener 绑定点击事件
使用 document.getElementById 获取按钮元素，并通过 addEventListener 监听 click 事件：
const button = document.getElementById('myButton');
button.addEventListener('click', function() {
alert('按钮被点击了！');
});方法 2：通过 onclick 属性直接绑定
在 HTML 中直接为按钮添加 onclick 属性：
<button onclick="handleClick()">点击我</button>对应的 JavaScript 函数：
function handleClick() {
console.log('按钮被点击了！');
}方法 3：动态生成按钮并绑定事件
通过 JavaScript 动态创建按钮并添加事件：
const newButton = document.createElement('button');
newButton.textContent = '动态按钮';
newButton.addEventListener('click', () => {
alert('动态按钮被点击了！');
});
document.body.appendChild(newButton);方法 4：事件委托（适用于动态内容）
通过父元素监听子按钮的点击事件，适合动态添加的按钮：
document.body.addEventListener('click', function(event) {
if (event.target.id === 'myButton') {
alert('事件委托触发的点击！');
}
});注意事项
- 使用
addEventListener可以绑定多个事件，而onclick会覆盖之前的事件。 - 事件委托可以减少重复绑定，提升性能，尤其适合动态生成的按钮。
- 如果按钮用于表单提交，需调用
event.preventDefault()阻止默认行为。
