<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>addEventListener</title>
</head>
<body>
<button id="btn">点击</button>
<button id="btn2">点击2</button>
<script>
var btn = document.getElementById('btn');
var btn2 = document.getElementById('btn2');
btn.onclick = function(){
console.log('点击1');
}
btn.onclick = function(){
console.log('点击2');
}
btn.onclick = function(){
console.log('点击3');
}
//addEventListener第一个参数是click,不是Onclick 可以触发三个事件,但是上面只能触发最后一个
btn2.addEventListener('click',function(){
console.log('第1')
},false)
btn2.addEventListener('click',function(){
console.log('第2')
},false)
btn2.addEventListener('click',function(){
console.log('第3')
},false)
</script>
</body>
</html>
addEventListener事件
最新推荐文章于 2024-03-09 23:36:48 发布