为了账号安全,请及时绑定邮箱和手机立即绑定
  • 使用false,采用冒泡,兼容各大浏览器
    查看全部
  • 第三个参数为ture或false ture为捕获 false为冒泡(老微软)
    查看全部
  • DOM 0级的事件处理 本质:将函数赋值给DOM的属性(事件) 特点:同一个时间,后面的会覆盖前面的 如onclick
    查看全部
  • 事件流 事件冒泡(老微软)/ 事件捕获(新浏览器)
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2015-06-03

  • 内容。
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2015-06-03

  • hander -> handler 结束时的 } 修改<span id="close">X</span>,这样比较好点击
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 夸浏览器处理的代码
    查看全部
  • 事件对象:触发dom上发生事件时产生的一个对象 即:event,包含事件的各种信息,比如元素、类型等相关属性 DOM事件对象Event 常用的属性和方法 1)type 用于获取事件类型 2)target 用于获取事件目标 3)stopPropagation()方法 用于阻止事件冒泡 4)preventDefault()方法 阻止事件的默认行为 EG:<a href="#">超链接</a> 默认行为跳转 *DOM里的事件对象,对IE不起作用
    查看全部
  • 兼容型问题:IE事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同两个参数,事件处理程序的名称和事件处理程序的函数 *IE8以及更早的版本只支持事件冒泡,所以不使用第三个参数 ================================== 跨浏览器事件处理程序(能力检测,是否支持) 封装在一个对象里 EG:添加 if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent(type,handler); }else{ element['on'+type]=handler; } // element.onclick=element['onclick']
    查看全部
  • addEventListener添加的事件 必须有removeEventListener删除 DOM0和DOM2 都可以给元素添加多个事件处理程序,顺序执行
    查看全部
  • 事件处理程序 1、HTML事件处理程序 JS代码直接写在HTML结构中 缺点:JS和HTML紧密耦合 2、DOM0级事件处理程序 传统方式:把一个函数赋值给一个事件处理程序的属性,使用比较多 EG:给元素添加点击属性 btn2.onclick=function(){} 3、DOM2级事件处理程序 定义了两个方法 用于处理指定和删除事件处理程序的操作 addEventListener()和removeEventListener() 接收三个参数:要处理的事件名(事件,如点击,鼠标划过)、作为事件处理程序的函数(具体操作)和布尔值(true 捕获,false 冒泡,一般用false)
    查看全部
  • 事件捕获:不太具体的节点最早接收到事件,最具体的节点最后接收。 EG:docuemnt->html>body>div>input 推荐:使用事件冒泡
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2018-03-22

  • 事件冒泡:具体元素接收,逐级向上传递到文档节点。 EG:按钮,按钮父级,父级-> document
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2018-03-22

  • 注意细节
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-01

  • addEventListener
    查看全部

举报

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

微信扫码,参与3人拼团

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

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