导航
导航

关注作者公众号

和万千小伙伴一起学习

公众号:前端进价之旅

JavaScript之捕捉模型与冒泡模型

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

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


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

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
  • 微信扫一扫
  • 支付宝扫一扫