## 绑定事件的两种方式 我们在上一篇文章中已经讲过事件的概念。这里讲一下注册事件的两种方式,我们以onclick事件为例。 ### 方式一:onclick 举例: ```html
``` 点击按钮后,上方代码的打印结果: ```html 事件2 ``` 我们可以看到,这种绑定事件的方式,会层叠掉之前的事件。 ### 方式二:addEventListener addEventListener()里的参数: - 参数1:事件名(不带on) - 参数2:事件名(执行函数) - 参数3:事件名(捕获或者冒泡) 举例: ```html ``` 点击按钮后,上方代码的打印结果: ```html 事件1 事件2 ``` 我们可以看到,这种绑定事件的方式,不会层叠掉之前的事件。 ```html ``` ```html ``` ```html ``` ```html ``` ```html ``` ```html ``` ```html ```