简述实现按钮点击事件的3种方式

实现按钮点击事件有三种常见的方法：

1. **直接绑定**（Inline Event Handling）: 在HTML中，可以直接在`<button>`标签上添加`onclick`属性，然后编写JavaScript代码来处理点击事件，例如：

   <button onclick="alert('Button clicked!')">点击我</button>

2. **DOM事件监听**（Event Listener）: 使用JavaScript的`addEventListener`方法为元素添加事件监听，这样可以在不修改HTML的情况下动态处理事件。示例：

   const button = document.querySelector('button');
   button.addEventListener('click', function() {
     alert('Button clicked!');
   });

3. **回调函数**（Callback）: 将一个函数作为参数传递给按钮的创建过程或者某个方法，在适当的时候执行这个函数。这种方法通常用于更复杂的组件或框架，如React、Vue等。例如，在React中：

   function handleClick() {
     alert('Button clicked!');
   }
   return <button onClick={handleClick}>点击我</button>;