addEventListener与onclick的比较

在给HTML元素添加事件的时候，有两种方法。例如点击事件。一种就是，

<button onclick="alert("test")"></button>

另外一种就是：

element.addEventListener('cl：ick', function() { /* do stuff here*/ }, false);

那么这两种方法有什么区别呢？

类似于addEventListener以及attachEvent这种，叫做Events Listener事件。可以为HTML元素绑定无数个事件。虽然实际应用中可能会受到客户端浏览器的限制。

类似于onclick以及element.onclick=“”这种叫做Inline Events 内联事件。只能绑定一个事件，前面的会在解析时被后面的覆盖掉。

具体案例可以参考下一篇文章：http://blog.csdn.net/lolgenius/article/details/70807089