2020/4/25 触发对象与事件冒泡

目标对象/触发对象
target：这个事件是由谁而起的
IE8以下不兼容，可用window.event.scrElement
格式：
先获取事件对象，再获取触发对象
一般情况下，固定格式为：

function(ev){
     var e = ev || window.event
     var target = e.target || window.event.srcElement;

事件冒泡：由里向外逐级触发
浏览器上事件天生的一个特点：事件流

<style type="text/css">
   div{padding: 50px;}
   #div11{background-color: pink;}
   #div12{background-color: blue;}
   #div13{background-color: orange;}
</style>

<script type="text/javascript">
   window.onload = function(){
    var odivs = document.getElementsByTagName("div");
    for(var i = 0;i < odivs.length;i++){
     odivs[i].onclick = function(ev) {
      alert(this.id)
      var e = ev ||window.event;
      //阻止事件冒泡的两种方法
      //e.cancelBubble = true
      //e.stopPropagation();
     }
    }
   }
</script>

  <div id="div11">
   <div id="div12">
    <div id="div13">
    </div>
   </div>
  </div>

阻止事件冒泡的两种方法
使用前先拿到事件对象，有浏览器兼容问题
e.cancelBubble = true

e.stopPropagation();