版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/m0_38102188/article/details/84317621
- 直接写在html标签中
<button id="clickMe" onclick="alert(1)">点我</button>
缺点：不利于js和html代码分离。
2. onclick
<button id="clickMe">点我</button>
clickMe.onclick = function() {
alert(2)
}
clickMe.onclick = function() {
alert(3)
}
优点：兼容性好
缺点：不能针对一个事件添加多个回调。
后定义的事件回调会覆盖开始定义的事件回调
3. addEventListener(非IE浏览器)
clickMe.addEventListener('click', function() {
alert(4)
})
clickMe.addEventListener('click', function() {
alert(5)
})
通过addEventListener添加的事件回调会放入对应的事件回调队列中，每一个回调都会被执行。