为了账号安全,请及时绑定邮箱和手机立即绑定
  • yki
    什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 (1)、type属性用于获取事件类型 (2)、target属性用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡,那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。(由内而外) 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转,可以使用阻止事件的默认行为preventDefault()方法
    查看全部
  • yki
    @·DOM2级事件处理程序 **定义了两个方法: > addEventListener()--------------添加事件 > removeEventListener()-----------移除事件 三个参数设置;事件名称,处理方法(函数),布尔值-----冒泡(false)或捕获(true) btn3.addEventListener('click',showMes,false); 【注意】 1、若事件名称有on,则需去掉on。onclick -----> click,onmouseover -----> mouseover等等; 2、false 兼容所有浏览器-----事件冒泡流。 3.通过addEventListener添加的事件只能通过removeEventListener来删除。---参数要一样 btn.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致,删除事件 dom0级和dom2级事件处理程序 可以给一个事件绑定多个函数,事件触发的时候会按照绑定顺序执行各个函数。 btn3.addEventListener('click',showMes,false); btn3.addEventListener('click',showMes,function(){alert(this.value);},false); ··缺点:IE不支持该事件
    查看全部
  • yki
    this引用被触发的元素
    查看全部
  • DOM2级监听事件编程练习
    查看全部
    0 采集 收起 来源:编程练习

    2016-03-24

  • yki
    //函数有括号和没括号的区别 showM 是 showM() 是函数的一个别名, showM 它指向了 showM() 函数存放的地方。 如果写成 btn.onclick = showM; 就相当于告诉编译器触发 click 事件时在 showM 指向的地方去执行这个函数; showM()加了括号后就表示“执行”该函数, 这样 btn.onclick = showM(); 表示的就是 btn.onclick 等于 showM() 的返回值, 当然这里我们并没有显式的用return来返回一个值,测试了一下默认返回值是undefined,所以 btn.onclick=showM(); 就相当于 btn.onclick=undefined;
    查看全部
  • yki
    HTML事件处理程序使得HTML和JS的耦合性过高,进行修改时需要多处修改,被绝大多数摒弃
    查看全部
  • 全兼容浏览器事件处理方法
    查看全部
  • element.onclick 完全等价于 element['onclick']
    查看全部
  • 鼠标事件和键盘事件,事件的冒泡要根据情况阻止或者允许,注意浏览器兼容。常用的getElement方法可以封装起来
    查看全部
  • 事件冒泡: 事件捕获:
    查看全部
  • JS中所有用点的地方可以用【】代替
    查看全部
  • true:捕获阶段调用事件处理程序 false:冒泡阶段调用事件处理程序
    查看全部
  • true:捕获阶段获取事件处理程序 false:冒泡阶段获取事件处理程序
    查看全部
  • true:捕获获得事件 false:冒泡获取事件
    查看全部
  • style.dispaly不用在html中定义,不会向style.left一样为空
    查看全部
    0 采集 收起 来源:编程练习

    2016-03-23

举报

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

微信扫码,参与3人拼团

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

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