盒子
盒子

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')});


}
支持一下
扫一扫,支持poetries