js 阻止子元素继承父元素事件

实现例子：

       var divBtn = document.getElementById("xx"); // xx表示父元素的id

       divBtn.onclick = function(e){

               if(e.target != this) {

                       return;         

               } else{

               }

       }

上述例子为什么能实现子元素事件在发生时，不会执行父元素的事件呢？

原因就在与：e.target 所代表的实际触发的目标元素，如果是在子元素上点击则e.target代表的就是子元素，不会是父元素。而this的话，谁调用就指向谁，所以this不会发生改变，this指向的永远是父元素(不变的前提是不要使用call、apply、bind之内的函数强制修改this的绑定)，因此这段代码能实现子元素继承父元素的事件。