为了账号安全,请及时绑定邮箱和手机立即绑定
  •  type属性 用于获取事件类型  srcElement属性 用于获取事件的目标  cancleBubble属性 用于阻止事件冒泡(true)阻止(false)不阻止  returnVaule属性 用于阻止事件的默认行为(true)阻止(false)不阻止
    查看全部
  • 什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 (1)、type属性用于获取事件类型 (2)、target属性用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡,那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。(由内而外) 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转,可以使用阻止事件的默认行为preventDefault()方法 IE8以下事件对象(window.event) 1.事件类型:event.type 2.事件目标:event.target 3.阻止事件冒泡:event.cancelBubble = true 4.阻止默认事件:event.returnValue = false
    查看全部
  • domo2级事件处理程序:addEventListener(“处理事件(去on)”,“处理函数”,true/false) removeEventListener(“处理事件”,“处理函数”,true/false) ie则是支持这种写法,需要用attachEvent(“处理事件”,“处理函数”),detachEvent()。
    查看全部
  • addEventListener() removeEventListener() 接受三个参数:1.要处理的事件名。2.作为事件处理程序的函数。3.布尔值
    查看全部
  • DOM0级事件处理程序:首先使用 getElementById 取出元素,然后以元素属性的方式添加事件(ele.onclick(function())) [ 查看全文 ] DOM0事件处理程序 类似 var btn2 = document.getElementById("btn2"); btn2.onclick = function(){ alert("hello!"); } btn2.onclick = null; //清空了btn2的点击事件。
    查看全部
  • 跨浏览器兼容: !undefined==!null==true undefined==null!=false
    查看全部
  • JS 事件:window 对象或document 中发生的特定的交互瞬间 事件流:描述的是页面中接受事件的顺序,有事件冒泡流(IE),和事件捕获(Netscape) 事件冒泡:事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的元素(推荐) 事件捕获:不太具体的节点更早接收到事件而最具体的结点最后接收到事件 事件处理有四种: HTML事件处理程序:(事件直接写在HTML元素上<input onclick="Click()">btn</body> DOM0级事件处理程序:(把一个函数赋值给一个元素的事件处理属性)btn= document.getElementById("btn");btn.onclick=Click; btn.onclick=null; DOM2级事件处理程序: (不适用IE!!!):两个方法 addEventListener removeEventListener btn.addEventListener(click<不加on>,Click,false<冒泡>); 通过addEventListener添加的事件,只能用removeEventListener删除 DOM0 和 DOM2 级事件处理程序 可以添加多个事件处理程序,按照顺序来执行 IE事件处理程序:attachEvent();detachEvent(); btn.attachEvent(onclick<加on>,Click) 事件对象: DOM中的事件对象: 在事件触发后产生的一个对象。包括所有的事件信息如鼠标键盘信息... function show(e/event){event.type} 1.event.type:clcik/drag ... 2.event.target:目标元素 3.event.stopPropagation():阻止事件冒泡 4.event.preventDefault(): 阻止默认行为,如<a>的跳转 IE中的事件对象: function show(e/event){e=ewindow.event<特作用于IE>} 1. event.type 2. event.srcElement 3. event.cancelBubble=true 4. event.returnValue=false 阻止默认行为
    查看全部
  • HTML事件处理程序,现在不建议使用了。 1. 事件直接加在HTML代码中: 缺点:HTML和js代码高耦合,如果修改,就要修改两个地方:HTML元素内和script函数。
    查看全部
  • DOM事件对象: type事件类型 target事件目标,stoppropagation()阻止冒泡, preventDefault阻止默认行为   ie事件对象 ; secElement           cancelBubble returnValue
    查看全部
  • 通过add...添加的事件只能通过remove……删除。
    查看全部
  • 小测试
    查看全部
    0 采集 收起 来源:编程练习

    2016-07-27

  • DOM2级事件处理程序
    查看全部
  • 事件冒泡
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2016-07-27

  • 事件流——从页面接收事件的顺序: IE——事件冒泡流 Netscape——事件捕获流 事件冒泡:事件最开始由最具体的元素(嵌套层次最深的节点)接收,然后逐级向上传播。 事件捕获:和事件冒泡相反。
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2016-07-27

  • 事件是文档或浏览器窗口中发生的特定的交互瞬间。【JavaScript <------>HTML】 事件流:描述的是从页面中接受事件的顺序 (IE:事件冒泡流 / Netscape事件捕获流) 事件冒泡流:即事件最开始由最具体的无素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到最不具体的那个节点
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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