为了账号安全,请及时绑定邮箱和手机立即绑定
  • 事件流
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2015-01-27

  • 二、事件处理程序 1、HTML事件处理程序 2、DOM0级事件处理程序 3、DOM2级事件处理程序 DOM2级事件定义了两个方法:用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventListener()。它们都接收三个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。 4、IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 这两个方法接收相同的两个参数:事件处理程序名称与事件处理函数 不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡! 两个参数:事件处理程序的名称(必须有on,前面的DOM事件处理程序没有on)和事件处理程序的函数,没有第三个参数 支持IE事件处理程序的浏览器:IE和Opera 5、跨浏览器的事件处理程序 var eventUtil={ // 添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler; } }, // 删除句柄 removeHandler:function(element,type,handler){ if(element.removeEventListener){ element.removeEventListener(type,handler,false); }else if(element.detachEvent){ element.detachEvent('on'+type,handler); }else{ element['on'+type]=null; } } }
    查看全部
  • DOM2级事件处理程序 DOM2级事件定义了两个方法: 用于处理指定和删除事件处理程序的操作 addEventListener()和removeEventListener(). 接收三个参数:要处理的事件名、作为事件处理程序的函数和布尔值。 DOM2级事件处理程序 addEventListener()函数注意点: 1,click等去掉on; 2,第一个参数加引号,第二个参数(函数)不加引号和括号; 3,第三个参数是false表示在冒泡时调用,可以兼容所有浏览器。 dom二级事件处理方法,addEventListener|removeEventListener(最后一个bool值:true表示在捕获阶段监听、false表示在冒泡阶段监听)、IE下attachEvent;可以用来处理多播。 btn3.addEventListener("click", show, false); btn3.removeEventListener("click", show, false); 用addEventListener添加的事件只能用removeEventListener去删除 DOM0级和DOM2级都可以给元素添加多个事件和多个事件处理程序,DOM2级事件处理程序不支持IE
    查看全部
  • DOM0级事件处理程序 较传统的方式:把一个函数赋值给一个事件的处理程序属性用的比较多的方法 简单 跨浏览器的优势
    查看全部
  • 事件:文档与浏览器窗口发生的一些特定的交互瞬间。 事件流:描述的是从页面中接受事件的顺序。
    查看全部
  • 事件捕获:不太具体的节点应该最早接收到事件,而最具体的节点最后接收到事件。
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2015-01-27

  • 事件流:从页面中接受事件的顺序(事件冒泡流,事件捕获流);
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2015-01-27

  • 实践冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2015-01-27

  • IE浏览器是事件冒泡流;Netscape是事件捕获流!
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2015-01-27

  • push() ;将目标元素加入数组
    查看全部
  • DOM2级,添加事件(addEventListener/attachEvent),移除事件(removeEventListener/detachEvent)
    查看全部
    0 采集 收起 来源:编程练习

    2015-01-26

  • Dom事件对象 1.事件类型:event.type 2.事件目标:event.srcElement 3.阻止事件冒泡:event.stopPropagation 4.阻止默认事件:event.preventDeafault IE8以下事件对象(window.event) 1.事件类型:event.type 2.事件目标:event.target 3.阻止事件冒泡:event.cancelBubble = true 4.阻止默认事件:event.returnValue = false
    查看全部
  • 事件冒泡的概念
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2015-01-23

  • DOM0级和DOM2级优点: 可以给标签(比如按钮)添加多个事件,这些事件按照添加顺序执行。
    查看全部
  • IE浏览器是事件冒泡流;Netscape是事件捕获流!
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2015-01-22

举报

0/150
提交
取消
课程须知
1.你一定对HTML+CSS比较熟悉; 2.掌握一定的JS基础知识,尤其是函数封装、调用等知识。
老师告诉你能学到什么?
DOM事件具体相关知识,DOM事件的使用方法及应用!

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!