1. 直接在html标签上添加
<div onclick="alert('syl')"></div>• 1
2. 使用JS的DOM的方法添加
document.getElementById('bt').onclick=function(){alert('syl');} document.getElementById('bt').onclick=function(){alert('syl1');}
3. 使用addEventListener
document.getElementById('btn').addEventListener('click',function(){alert('syl')}) document.getElementById('btn').addEventListener('click',function(){alert('syl1')})
区别
DOM的方法添加事件,不支持添加多个事件,最下面的事件会覆盖上面的,直接输出 syl1
-
addEventListener方式添加事件,可以添加多个。先输出 syl 在输出 syl1