JS中添加事件及区别

1. 直接在html标签上添加

<div onclick="alert('syl')"></div>

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