为了账号安全,请及时绑定邮箱和手机立即绑定
  • .onclick ===['onclick']
    查看全部
  • on+keydown keyup keypress 键盘事件 键盘事件要写在document上 keyCode为按下的键的编号,为10进制数。
    查看全部
  • 当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就是说,在对象的onclick事件发生时,只会执行最后绑定的方法。而用事件监听则不会有覆盖的现象,每个绑定的事件都会被执行 addEventListener:监听Dom元素的事件 * * target:监听对象 * type:监听函数类型,如click,mouseover * func:监听函数 */ function addEventHandler(target,type,func){ if(target.addEventListener){ //监听IE9,谷歌和火狐 target.addEventListener(type, func, false); }else if(target.attachEvent){ target.attachEvent("on" + type, func); }else{ target["on" + type] = func; } }
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 2.IE中的事件对象 a.type属性 用于获取事件类型 b.srcElement属性 用于获取事件目标 c.cancelBubble属性 用于阻止/取消事件冒泡 设置为true表示阻止冒泡 设置为false表示不阻止冒泡 d.returnValue属性 用于阻止事件的默认行为 设置为false表示阻止事件的默认行为 getEvent:function(event){ return event?event:window.event;//或event=eventwindow.event; 非IE:event,IE:window.event }, getType:function(event){ return event.type; //非IE与IE相同 }, getElement:function(event){ return event.target event.srcElement; //非IE:event.target,IE:event.srcElement }, preventDefault:function(event){ if(event.preventDefault){//判断对象方法是否存在时,要将方法当做属性来判断[函数名后不加小括号:if(对象.方法函数)],很多方法没有返回值,即使有返回值也不一定是布尔值,如果是if(方法函数())时会出现不可预料的结果 event.preventDefault(); //非IE方法处理 }else{ event.returnValue=false; //IE方法处理 } }, stopPropagation:function(event){ if(event.stopPropagation){ //event.stopPropagation:以属性的形式进行判断 event.stopPropagation(); //非IE方法处理 }else{ event.cancelBubble=true; //IE方法处理 } }
    查看全部
  • 什么是事件对象?在触发DOM上的事件时都会产生一个对象 事件对象EVENT ①DOM中的事件对象 属性 (1)、type属性用于获取事件类型 (2)、target属性用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault() 方法 阻止事件的默认行为 如果一个div里面有一个button,button和div都绑定了click事件,如果是事件冒泡,那么点击button的时候,首先触发button的处理函数,然后触发div的处理函数。(由内而外) 如果有时候不想冒泡,也就是不希望div的事件被触发,那么需要阻止事件冒泡。stopPropagation()方法 如果需要阻止a标签的默认属性跳转,可以使用阻止事件的默认行为preventDefault()方法
    查看全部
  • 事件捕获:不太具体的节点应该更接收到事件,而最具体的节点最后接收到事件
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2017-08-13

  • 然后逐级向上传播至最不具体的的那个节点(文档)
    查看全部
    0 采集 收起 来源:[DOM] 事件捕获

    2017-08-13

  • 事件冒泡:即是事件最开始由最具体的元素(文档中嵌套层次最深的拿个节点)
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2017-08-13

  • disX=odrag.style.left-event.clientX
    查看全部
  • DOM0级对每个事件只支持一个事件处理程序,这也正是DOM2级相对DOM0级的好处,即DOM2级对每个事件支持多个事件处理程序。
    查看全部
  • "为什么得把这段js代码放在button的后面啊?放在head标签里为啥不能执行?" 因为浏览器读取网页是按照从上到下的顺序, 若放在head标签里此时还未找到button, 所以不会执行; 若执意放在head标签内,则可将事件放在window.onload={}内,意思是页面加载完毕后执行
    查看全部
  • 事件对象
    查看全部
  • if (window.addEventListener) { btn3.addEventListener('click',showMes,false); } else { btn3.attachEvent('onclick',showMes); }
    查看全部
  • 键盘事件
    查看全部
  • 事件处理程序 1、HTML事件处理程序(JS和HTML代码耦合度高,修改代价大) 2、DOM0级事件处理程序(可添加多个事件处理程序,可通过赋值为null去除事件) 3、DOM2级事件处理程序(可添加多个事件处理程序,通过addEventListener添加的必须yogaremoveEventListener去除,注:IE中无效)
    查看全部

举报

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

微信扫码,参与3人拼团

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

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