JavaScript事件绑定和普通事件区别
2016-11-29 15:29
274 查看
区别：普通事件只支持单个事件，而事件绑定可以添加多个事件
<body>
<meta charset="UTF-8"></meta>
<button id="btn" >
button
</button>
</body>
<script type="text/javascript">
var btn=document.getElementById("btn");
btn.onclick=function(){
alert("1普通事件");
}
btn.onclick=function(){
alert("2普通事件");
}
btn.addEventListener("click",function(){
alert("绑定事件1");
})
btn.addEventListener("click",function(){
alert("绑定事件2");
})
</script>
上面代码执行后依次会弹出：普通事件2、事件绑定1、事件绑定2。
<body>
<meta charset="UTF-8"></meta>
<button id="btn" >
button
</button>
</body>
<script type="text/javascript">
var btn=document.getElementById("btn");
btn.onclick=function(){
alert("1普通事件");
}
btn.onclick=function(){
alert("2普通事件");
}
btn.addEventListener("click",function(){
alert("绑定事件1");
})
btn.addEventListener("click",function(){
alert("绑定事件2");
})
</script>
上面代码执行后依次会弹出：普通事件2、事件绑定1、事件绑定2。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JavaScript事件绑定和普通事件区别
- JavaScript事件绑定和普通事件区别
- JavaScript事件绑定和普通事件区别
- 绑定事件 与普通事件的区别
- 关于JavaScript 三种绑定事件方式之间的区别以及对应的解绑（整理）
- 我的JavaScript回顾之路_05—0210—js和jq绑定事件的区别/事件冒泡
- jQuery事件绑定和JavaScript原生事件绑定的区别
- JS事件绑定和普通添加事件的区别
- Javascript关于绑定事件方法attachEvent和addEventListener区别与兼容写法
- 事件绑定和普通事件有什么区别？
- Jquery中的事件与传统的javascript中事件区别: Jquery中事件允许绑定多个函数，而javascript中一个事件只能绑定一个函数.
- javascript普通事件和绑定事件
- javascript-事件绑定和普通事件
- JavaScript三种绑定事件方式及相互之间的区别分析
- JavaScript 三种绑定事件方式之间的区别
- delegate()绑定事件与普通绑定事件的区别
- JavaScript中，四种事件绑定方法及attachEvent与addEventListener的区别
- JavaScript 事件流（事件要素/普通事件/事件绑定/事件冒泡/阻止冒泡/阻止默认行为）
- 事件绑定和普通事件的区别
- 在javascript或者jQuery中绑定按钮点击事件，和在HTML 标签中直接调用onclick属性有什么区别？