JS绑定事件的方法有以下几种：
HTML中绑定事件：可以在HTML标签中使用事件属性，如onclick、onmouseover等，简单实用，但不易维护。
DOM0级事件绑定：通过元素的事件属性直接指定事件处理函数，例如：element.onclick = function(){}。具体的可以使用的事件名称与属性名称对应关系可以参照MDN Web Docs的Event reference文档。
DOM2级事件绑定：通过addEventListener()方法或attachEvent()方法进行事件绑定。addEventListener()方法是标准的事件绑定方式，attachEvent()方法是IE浏览器特有的绑定方式。
jQuery事件绑定：通过jQuery的事件绑定方法，如click()、mouseover()等实现。
动态事件委托：利用事件冒泡原理，在父元素上监听事件，通过判断具体触发事件的元素来执行相应的函数。
普通绑定与事件代理的比较简洁版：通过元素的onclick等事件属性绑定事件的方式与DOM2级事件绑定进行比较，DOM2级事件绑定语法简洁、可同时绑定多个事件、可移除事件(removeEventListener()方法)，但低版本IE浏览器不支持；HTML中绑定事件和DOM0级事件绑定可以操作简单，但不易维护和扩展；jQuery事件绑定语法简洁，但需要引入jQuery库。
