JS案例24-两种事件的书写规范
2018-10-26 本文已影响0人
hi__world
- ele.onclick=function(){ }
- addEventListener()
第一种方法，如果一个元素同时存在两个方法，后面的会把前面的方法给覆盖掉。
第二种方法，不存在覆盖问题
具体看源码：
<!DOCTYPE html>
<html>
<head>
<title>demo</title>
</head>
<body>
<button>简书</button>
<script>
var btn=document.getElementsByTagName("button")[0];
// 第一种事件方法，后者会覆盖前者
btn.onclick=function(){
alert(1)
}
btn.onclick=function(){
alert(2)
}
// 第二种方法，不存在覆盖问题
btn.addEventListener("click",function(){
alert(3)
})
btn.addEventListener("click",fn1);
function fn1(){
alert(4)
}
</script>
</body>
</html>
