- 在DOM L0中，用
事件源.on事件 = function() { }的方式绑定监听事件。 - 在DOM L2中，用
事件源.addEventListener(事件， 事件处理函数)的方式绑定监听事件 - on方式会被覆盖。例如，在一个按钮上绑定了两次点击事件，后面的会覆盖前面的，也就是说，只有后面的会生效。现在不推荐使用。
- addEventListener方式可绑定多次，拥有事件更多特性，推荐使用。例如，在一个按钮上绑定了两次点击事件，两个点击事件都会生效，后面的不会覆盖前面的。
示例：下面代码中，addEventListener通过给按钮增加了两个点击事件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button>点击</button>
<script>
const btn = document.querySelector('button')
btn.addEventListener('click', function () {
alert('11')
})
btn.addEventListener('click', function () {
alert('22')
})
</script>
</body>
</html>
开始展示了按钮：
点击按钮，弹出了第一个点击事件的对话框：
点击确定，弹出了第二个点击事件的对话框
1067
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
