javascript事件模型-[DOM第0级事件模型]

javascript 有2个事件模型

 

DOM第0级事件模型

function a(){
  var d1 =  document.getElementById('d1');
  var d2 =  document.getElementById('d2');
  d1.onclick = function(){document.getElementById('console').parentNode.appendNode...};
  d2.onclick = function{};
}
<div id='d1'>
  <div id='d2'></div>
</div>
<div id='console'></div>

 当点击DIV--d2的时候会先执行d2事件，再执行d1事件，一直到DOM顶部 html，这个叫事件冒泡。

另外，在执行事件的时候会传入一个参数Event

注意：IE下 event是winodw的属性

一般可以这样做：if(!event) event = window.event;

如果要获取事件中的引用（目标元素），标准浏览器中取target属性，IE中取srcElement属性

var target = (event.target) ? event:target : event.srcElement;