Question

HTML中定义的事件和JS中事件绑定的区别

Answer 1

主要体现在代码可读性、复用性、代码可维护性角度

JS中的无论是在代码可读性还是复用性，还是代码可维护性方面都要远远好于HTML中定义的事件绑定。

HTML事件处理程序的问题：

• 首先，HTML代码域JavaScript代码紧密的耦合在一起，没有实现相互分离，在进行代码的更新与维护的时候就显得异常困难。

• 第二，扩展事件处理程序的作用域链在不同浏览器当中会导致不同的结果。

• 第三，如果不采用调用函数的方式，而是像例子中那样直接书写代码，那么代码的通用性很差，会使得整站的代码量很大，通用性差。

JS中的事件绑定其实也包含了多种，最传统的DOM0级，之后的DOM2级以及事件委托式的时间绑定，各自有各自的特点和优势，应该说都能够很好的解决如上HTML中定义的事件的各种问题（复用性差、代码冗余度高、代码可维护性差、可读性差、没有实现结构与行为相分离等问题）

具体关于事件的详细知识（包括不同位置的事件绑定以及事件流、事件委托），可以查看《JavaScript事件详解》