JavaScript之捕捉模型与冒泡模型

Created at 2016-07-27 Updated at 2017-01-06 Category Front-End Tag JavaScript

• 在w3c模型中 addEventListener支持第3个参数来声明事件的模型为冒泡还是捕捉，如果声明为false，则为冒泡方式

  1 2 3 4 5 6

  window.onload = function (){//ev激发的过程自动为函数传一个参数 鼠标的一系列动作包装成对象自动传给函数 document.getElementById('par').addEventListener ('click',function (ev){alert(ev.pageX)},true); document.getElementById('son').addEventListener ('click',function (){alert('son')}); }

• 捕捉模型与冒泡模型在IE下测试

1
2
3
4
5
6

window.onload = function (){//对于IE 当事件发生的瞬间 事件对象赋值给window.event属性
	document.getElementById('par').attachEvent ('onclick',function (ev){alert(window.event)});//IE下不支持第三个参数 true  
	document.getElementById('son').attachEvent ('onclick',function (){alert('son')});
	
}