javascript事件冒泡
javascript 是事件驱动;事件从dom树底层往上传递,直到dom的根节点;
event.target.id事件产生的节点;event.currentTarget.id当前节点;
简单列子
<html >
<head><meta charset="UTF-8"></head>
<body>
<div id="block1">
<div id="block2">
<a id="block" href="javascript:void(0);">点击我</a>
</div>
</div>
</body>
<script type="text/javascript">
window.onload = function() {
document.getElementById("block1").addEventListener("click",function(event){
console.log('block1');
});
document.getElementById("block2").addEventListener("click",function(event){
console.log('block2');
});
document.getElementById("block").addEventListener("click",function(event){
console.log('block');
});
}
</script>
</html>
阻止冒泡事件
event.stopPropagation() 用于阻止事件冒泡
event.preventDefault() 取消事件默认方法