为了账号安全,请及时绑定邮箱和手机立即绑定
  • IE浏览器中sreElement获取事件类型cancelBubble属性用于阻止事件冒泡
    查看全部
  • aadEventListerner与attachEvent的用法
    查看全部
  • DOM2级事件处理程序<br> addEventListener("click",function(){//},false)<br> removeEventListener("click",function(){//},false)<br> IE事件处理程序<br> attachEvent("onclick",function(){//}) detachEvent("onclick",function(){//})
    查看全部
  • @·IE事件处理程序 IE8以前只支持事件冒泡,不支持事件捕获,它也不支持addEventListener函数,不会用第三个参数来表示是冒泡还是捕获,它提供了另一个函数attachEvent。 IE也提供了类似DOM0级和DOM2级事件处理程序 》attachEvent()--------添加事件 》detachEvent()--------删除事件 接收相同的两个参数,事件处理程序的名称和事件处理程序的函数。 去掉了布尔值,不使用第三个参数的原因: --IE8以及更早的浏览器版本只支持事件冒泡! 在ie下给btn3添加事件 btn3.attachEvent('onclick',showMes); 主意:在ie事件处理程序上,又要把on加上 btn3.detachEvent('onclick',showMes); 支持ie事件处理程序的浏览器主要有ie和opera两个浏览器。 * 封装跨浏览器事件处理程序 * 如下图--
    查看全部
  • stopPropagation
    查看全部
  • propaGation
    查看全部
  • 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不支持该事件
    查看全部
  • 截图3
    查看全部
  • 截图2
    查看全部
  • DOM2和DOM0级共同优点:可以给一个元素上添加多个事件处理程序,会按照顺序执行。 DOM2级事件处理程序,ie不支持,ie有专用的事件处理程序。 DOM2级事件处理程序:定义了两个方法---用于处理指定和删除事件处理程序的操作。【addEventListener()---给某元素添加一个事件监听程序】和【removeEventListener()---删除一个事件。必须传入添加事件时相同的参数】(通过前者添加的事件,只能通过后者删除。如obj.click= null无效) 3个参数:要处理的事件名、作为处理时间处理程序的函数及一个boolean(true---表示在捕获阶段调用事件处理程序,false---表示在冒泡阶段调用事件处理程序(可以最大限度的兼容浏览器)。一般设为false). 如:object.addEventListener("click",function(){},false);
    查看全部
  • DOM0级事件处理程序 (用得比较多):先把元素取出来,然后为其属性添加一个事件的方法叫DOM0级处理程序。 它是一种较传统的方式:把一个函数赋值给一个事件处理程序的属性。 优点:简单,跨浏览器的优势 var btn2=document.getElementById("btn2");---先获取出元素,定义对象 //取得btn2按钮对象 btn2.onclick=function(){alert('这是通过DOM0级添加的事件!')}----让 事件以对象的属性 的形式出现。 //给btn2添加onclick属性
    查看全部
  • HTML事件处理程序,现在不建议使用了。 1. 事件直接加在HTML代码中: 缺点:HTML和js代码高耦合,如果修改,就要修改两个地方:HTML元素内和script函数。
    查看全部
  • 事件冒泡:从最内层至最外层(IE)从具体出发 事件捕获:从最外层至最内层(Netscape) //不太使用
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2016-07-13

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

    2018-03-22

  • 这是看的第二遍,自己敲了一遍,包括html、css、js,一边看视频一边看源代码,目标是把每一个点都弄清楚,关于几个没见过的标签属性,例如:tabindex(按tab键的顺序)、ime-mode(在不切换输入法状态时避免出错),编程的逻辑性很强,一步扣一步,在html中敲的代码要避免过乱,先不要添加太多的id、class,根据后面的需要再进行添加,在DW设计界面上也要一目了然,div不要太过复杂,css中,绝对定位,需要用到left、top、right、bottom四个属性,必须要设置定位,例:right:-10px;(right表示距离最右边为10px,负值表示边框内到最右边,正值表示最右边到边框外。)top:-10px;相对较了解些,background属性值的负值。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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