为了账号安全,请及时绑定邮箱和手机立即绑定
  • getEvent:function(event){ //非IE:event IE:window.event return event?event:window.event; }, getType:function(event){ return event.type; //非IE与IE相同 }, getElement:function(event){ //非IE:event.target IE:event.srcElement return event.target || event.srcElement; }, preventDefault:function(event){ //判断对象方法是否存在时,要将方法当做属性来判断[函数名后不加小括号:if(对象.方法函数)],很多方法没有返回值,即使有返回值也不一定是布尔值,当if(方法函数())时会出现不可预料的结果 if(event.preventDefault){ event.preventDefault(); //非IE方法处理 }else{ event.returnValue=false; //IE属性处理 } }, stopPropagation:function(event){ if(event.stopPropagation){ event.stopPropagation(); //非IE方法处理 }else{ event.cancelBubble=true; //IE属性处理 } }
    查看全部
  • var eventUtil={ //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); } else if(element.attachEvent){ element.attachEvent('on'+type,handler); }else{ element['on'+type]=handler; } }, //删除句柄 removehandler:function(element,type,handler){ if(element.romoveEventListener){ element.romoveEventListener(type,handler,false); } else if(element.detachEvent){ element.detachEvent('on'+type,handler); }else{ element['on'+type]=null;//element[type]相当于element.type } } };
    查看全部
  • DOM2级事件处理程序<br> 定义了两个方法--用于处理指定和删除事件处理程序的操作:<br> addEventListener()添加事件监听程序<br> removeEventListener()移除事件监听程序<br> 三个参数设置;事件名称,处理方法(函数),布尔值--false:表示在冒泡阶段调用事件处理程序(可以最大限度的兼容浏览器),一般设为false;true表示在捕获阶段调用事件处理程序<br> <br> <br> btn3.addEventListener('click',showMes,false);<br> 注意:<br> 1、若事件名称有on,则需去掉on。onclick --> click,onmouseover --> mouseover等等;<br> 2、false 最大限度兼容所有浏览器--事件冒泡流。<br> 3.通过addEventListener添加的事件只能通过removeEventListener来删除。--参数要与添加事件时相同<br> btn3.removeEventListener(参数);//参数必须和btn.addEventListener的参数一致,删除事件监听<br> <br> DOM2级事件处理程序可以给一个事件绑定多个函数,事件触发的时候会按照绑定顺序执行各个函数。如下所示:<br> btn3.addEventListener('click',showMes,false);<br> btn3.addEventListener('click',showMes,function(){alert(this.value);},false);<br> DOM0级事件则后面添加的同一事件类型会覆盖前面的;<br> 缺点:DOM2级事件处理程序,ie不支持,ie有专用的事件处理程序。
    查看全部
  • 判断不要加()属性形式 执行才加()变成方法形式
    查看全部
  • IE事件,不使用第三个参数的原因是IE8以及更早的浏览器版本只支持事件冒泡。 元素.attachEvent('onclick')注意要加上on,跟dom2的区别
    查看全部
  • onmousedown:当鼠标按下时
    查看全部
  • var oParent = parent?document.getElementById(parent):document;这里运用了三元运算符
    查看全部
  • 删除事件跟添加事件所传的参数是一样的。addEventListener添加的事件,只能用removeEventListener删除。
    查看全部
  • 添加点击鼠标事件(onclick),不加on,即‘click’。鼠标滑过等等事件都不加on,注意, this引用的是被触发的原始。
    查看全部
  • IE事件对象
    查看全部
  • 事件对象属性和方法
    查看全部
  • elements=oParent.getElementsByTagName('*'),一开始我的第一反应是用oParent.childNodes,后来反应过来他是要取得下面的所有元素不只是子元素,所以不能用childNodes.
    查看全部
  • 事件冒泡
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2016-05-26

  • 事件流
    查看全部
    0 采集 收起 来源:[DOM] 事件冒泡

    2016-05-26

  • 跨浏览器事件处理程序
    查看全部

举报

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

微信扫码,参与3人拼团

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

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