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

    2015-10-18

  • 本章内容 1、理解事件流 2、使用事件处理程序 3、不同的事件类型 一、事件流 事件流描述的是从页面中接受事件的顺序。 IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流 1、事件冒泡 事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档)。 2、事件捕获 事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。 二、事件处理程序 1、HTML事件处理程序 2、DOM0级事件处理程序 3、DOM2级事件处理程序 DOM2级事件定义了两个方法:用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventListener()。它们都接收三个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。 4、IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 这两个方法接收相同的两个参数:事件处理程序名称与事件处理函数 5、跨浏览器的事件处理程序 三、事件对象 事件对象event 1、DOM中的事件对象 (1)、type:获取事件类型 (2)、target:事件目标 (3)、stopPropagation() 阻止事件冒泡 (4)、preventDefault() 阻止事件的默认行为 2、IE中的事件对象 (1)、type:获取事件类型 (2)、srcElement:事件目标 (3)、cancelBubble=true阻止事件冒泡 (4)、returnValue=false阻止事件的默认行为
    查看全部
  • javascript中element.onclick===element['onclick']
    查看全部
  • IE事件处理程序及跨浏览器解决方法attachEvent()与detachEvent()
    查看全部
  • 通过addEventListener()添加的事件只能用removeEventLitener()来删除
    查看全部
  • DOM2级事件处理程序
    查看全部
  • DOM0级事件处理程序
    查看全部
  • HTML事件处理程序
    查看全部
  • QQ面板的切换效果: //开始一进页面 ul状态列表是隐藏的 //点击div 显示ul状态选择列表 //遍历Li给每个状态添加事件 onmouseover onmouseout onclick //完成点击给定的li状态 吧其 innerHTML状态文本和class 更新同步到起始div中 ////最后要实现选择完状态后 要隐藏掉ul状态面板 + 点击 document任意处 隐藏掉ul 则要注意--------给它们加上阻止冒泡
    查看全部
  • 事件对象(dom与IE)
    查看全部
  • DOM2和DOM0级共同优点:可以给一个元素上添加多个事件处理程序,会按照顺序执行。 DOM2级事件处理程序,ie不支持,ie有专用的事件处理程序。 DOM2级事件处理程序:定义了两个方法---用于处理指定和删除事件处理程序的操作。【addEventListener()---给某元素添加一个事件监听程序】和【removeEventListener()---删除一个事件。必须传入添加事件时相同的参数】(通过前者添加的事件,只能通过后者删除。如obj.click= null无效)
    查看全部
  • DOM2和DOM0级共同优点:可以给一个元素上添加多个事件处理程序,会按照顺序执行。 DOM2级事件处理程序,ie不支持,ie有专用的事件处理程序。 DOM2级事件处理程序:定义了两个方法---用于处理指定和删除事件处理程序的操作。【addEventListener()---给某元素添加一个事件监听程序】和【removeEventListener()---删除一个事件。必须传入添加事件时相同的参数】(通过前者添加的事件,只能通过后者删除。如obj.click= null无效)
    查看全部
  • addEventListener中的第三个参 数是useCapture, 一个bool类型。当为false时为冒泡获取(由里向外),true为capture捕捉方式(由外向里)。
    查看全部
  • 注意这样取法 title=box.getElementsByTagName('cite')[0], menu=box.getElementsByTagName('ul')[0], as=box.getElementsByTagName('a'),
    查看全部
    0 采集 收起 来源:编程挑战

    2015-10-16

  • 防止事件冒泡: var event=event || window.event; if(event.stopPropagation) { event.stopPropagation(); } else{event.cancelBubble=true;}
    查看全部
    0 采集 收起 来源:编程挑战

    2015-10-15

举报

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

微信扫码,参与3人拼团

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

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