为了账号安全,请及时绑定邮箱和手机立即绑定
  • 键盘事件
    查看全部
  • IE中的事件对象 event = event || window.event
    查看全部
  • DOM中的事件对象 属性和方法
    查看全部
  • 事件处理程序
    查看全部
  • 跨浏览器事件处理
    查看全部
  • IE8以及更早的浏览器只支持事件冒泡所以不用布尔值了
    查看全部
  • 布尔值是false将事件处理程序添加到事件流的冒泡阶段,这样可以最大限度地兼容各种浏览器
    查看全部
  • 事件封装在对象中,功能封装在方法中。 单独存成文件 做Util工具 在IE中: 几乎都是属性存在的 1) event || window.event (IE 8以前) 2) srcElement属性: 用于获取目标 event.target || event.srcElement 3) cancleBubble属性: 用于阻止事件冒泡 4) returnValue属性: 用于阻止事件的默认行为 false表示阻止事件的默认行为
    查看全部
  • 什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 (1)、type属性用于获取事件类型 (2)、target属性用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡,那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。(由内而外) 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转,可以使用阻止事件的默认行为preventDefault()方法
    查看全部
  • HTML事件处理程序,首先你要知道什么叫事件处理程序,事件处理程序是响应某个事件的函数,比如click事件,加了个Html就是说这个事件在HTML结构上,就是合作了。
    查看全部
  • 事件流分为两种,事件冒泡是事件从最具体的元素开始发生反应,然后逐级向上到最不具体的那个元素结束的一个传递的过程,比如古代以前传书,信件由家里书房出发,然后走出家门,然后到驿站去寄,一路快马到偌大的紫荆城
    查看全部
    2 采集 收起 来源:[DOM] 事件捕获

    2016-03-05

  • 1.IE事件处理程序:IE也提供了类似DOM2级事件处理程序 attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数,事件处理程序的名称和事件处理程序的函数。去掉了布尔值,不使用第三个参数的原因:IE8以及更早的浏览器版本只支持事件冒泡! 在ie下给btn3添加事件 btn3.attachEvent('onclick',showMes); 主意:在ie事件处理程序上,又要把on加上 btn3.detachEvent('onclick',showMes); 支持ie事件处理程序的浏览器主要有ie和opera两个浏览器。 2.跨浏览器事件处理程序 var eventUtil = { //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){element.addEventListener(type,handler,false);} // DOM2级事件处理程序 else if(element.attachEvent){element.attachEvent('on'+type,handler);} // IE事件处理程序 else{element['on'+type]=handler;} // DOM0级事件处理程序 }, //删除句柄 removeHandler:function(element,type,handler){ if(element.removeEventListener){element.removeEventListener(type,handler,false);} // DOM2级事件处理程序 else if(element.detachEvent){element.detachEvent('on'+type,handler);} // IE事件处理程序 else{element['on'+type]=null;} //DOM0级事件处理程序 } } eventUtil.addHandler(btn3,'click',showMessage); 3.js中所有用'.'的地方都可以使用'[]' 如:对象的点击事件element.onclick===element['onclick']
    查看全部
  • 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);
    查看全部
  • 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);
    查看全部
  • 按照自己的理解,高山流水见过吧,从上往下的对的,流就是有序的,事件流的话就是事件的发生顺序吧
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2016-03-05

举报

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

微信扫码,参与3人拼团

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

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