- 传统方式注册事件
后面注册的事件会覆盖之前的。
<script>
let btns = document.querySelector('button');
btn.onclick = function() {
alert('123');
}
btn.onclick = function() {
alert('456');
}
</script>
- 事件侦听注册事件 addEventListener
(1) 里面的事件类型是字符串 必定加引号 而且不带on
(2) 同一个元素 同一个事件可以添加多个侦听器(事件处理程序)
不会被覆盖。
<script>
btn.addEventListener('click', function() {
alert('122');
})
btn.addEventListener('click', function() {
alert('456');
})
</script>