码迷,mamicode.com
首页 > 其他好文 > 详细

DOM2

时间:2017-07-06 15:57:27      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:log   dom   return   语法   body   opp   开关   tde   微软   

D0M0体系
DOM2体系

《为什么需要DOM2体系 -- 事件的发展过程》


【D0M2事件体系】


冒泡 :从最特定元素---向最不特定元素冒泡 (document body)
捕获: 捕获和冒泡相反 -- 从最不特定元素开始--最特定元素
事件流:整合了捕获和冒泡, 先捕获再冒泡。

《dom2监听语法 addEventListener(type,fn,开关)》

W3C标准

type:事件类型 -- 比如点击 鼠标 键盘

fn:事件执行的函数

开关: 设置是冒泡还是捕获


《微软体系》

  IE

attachEvent


《D0M2体系的优越性》
可以监听多个事件

《DOM0 2的执行顺序》

dom0优先dom2

《如何移除监听addEventListener(type,fn,开关)》

《微软移除监听体系detachEvent(‘onclick‘, Fn)》
ie中移除事件处理程序
btn.detachEvent(‘onclick‘, Fn);

 // 阻止冒泡以及捕获
    function stopPropagation(event){
        var event = getEvent(event);
        if(event.stopPropagation){
            event.stopPropagation();
        }else{
            event.cancelBubble = true;
        }
    }
    // 阻止默认行为
    function preventDefault(event){
        var event = getEvent(event);
        if(event.preventDefault){
            event.preventDefault();
        }else{
            event.returnValue = false;
        }
    }

DOM2

标签:log   dom   return   语法   body   opp   开关   tde   微软   

原文地址:http://www.cnblogs.com/xiaonangua/p/7126491.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!