-
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/150
提交
取消