js绑定事件的方法有几种？

JavaScript事件绑定主要有以下四种方法：

内联事件处理器

直接在HTML元素中使用事件属性绑定代码，例如<button onclick="alert('Hello World')">。这种方式简单直观，但不利于代码维护和复用，且只能绑定一个处理函数。 ‌

DOM属性事件绑定

通过元素属性（如.onclick）动态绑定函数，例如document.getElementById('myButton').onclick = function() {...}。这种方法可动态绑定事件，但每个事件类型只能绑定一个处理函数，后续绑定会覆盖之前的。 ‌

addEventListener方法

使用addEventListener方法绑定事件，例如document.getElementById('myButton').addEventListener('click', function() {...})。支持同一元素绑定多个处理函数，可控制事件传播阶段（捕获/冒泡），是现代开发推荐方式。 ‌

事件委托

在父元素上绑定事件处理器，通过判断事件目标（:ml-search-more[event.target]{text="event.target"}）管理子元素事件。例如document.getElementById('parentElement').addEventListener('click', function(event) {...})。适用于复杂组件或动态内容。 ‌