您的位置：首页 > 其它

addEventListener事件

2016-06-27 15:39 260 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航