前端女娲补天 JavaScript（三） DOM事件有哪些，事件注册方式有哪些，他们的区别是什么

DOM事件有哪些

onclick，onload，onunload，onmouseover，onmouseout，onmousedown，onmouseup

事件注册方式有哪些

传统注册：btn.onclick
监听注册：btn.addEventListener

二者的区别是什么

onclick和addEventListener的区别有：

• onclick只能给元素注册一个事件，如果存在多个，后面的事件会覆盖前面的事件。而addEventListener可以给元素注册多个事件。
• addEventListener的第三个参数（前面两个是事件监听名和事件方法名）可以设置事件触发方式，事件冒泡和事件捕获，默认false，事件冒泡。

引申：事件代理是什么，DOM事件流是什么，事件冒泡是什么，事件捕获是什么

TODO：事件代理文章链接