-
事件流——从页面中接受事件的顺序 IE——事件冒泡：即事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接受，然后逐级向上传播至最不具体的那个节点（文档）。 netscape——事件捕获：不太具体的节点应该更早接收事件，而最具体的节点最后接收到事件。查看全部
-
stopPropagation();//阻止事件冒泡 preventDefault();//阻止事件默认行为查看全部
-
http://www.imooc.com/article/16924查看全部
-
this this this 鼠标滑过离开事件里的应用查看全部
-
对于事件处理程序我们一般建议自己进行封装，兼容跨浏览器的问题。 var eventUtil = { addEventHandle:function(element,eventType,fn){//添加事件，这里eventType最好传递不带“on”的，便于后面拼接on if(element.addEventListener){//非IE情况下，使用addEventListener element.addEventListener(eventType,fn,false); }else if(element.attachEvent){//IE情况下，使用attachEvent element.attachEvent('on'+eventType,fn); }else{//不支持DOM2级情况下，使用DOM0级的方式 element['on'+eventType] = fn; } }, removeEventHandle:function(element,eventType,fn){//添加事件，这里eventType最好传递不带“on”的，便于后面拼接on if(element.removeEventListener){//非IE情况下，使用removeEventListener element.removeEventListener(eventType,fn,false); }else if(element.detachEvent){//IE情况下，使用detachEvent element.detachEvent('on'+eventType,fn); }else{//不支持DOM2级情况下，使用DOM0级的方式 element['on'+eventType] = null; } } };查看全部
-
http://www.imooc.com/article/16918查看全部
-
IE事件处理程序: attachEvent()添加事件 detachEvent()删除事件 接收相同的两个参数:事件处理程序的名称(onclick等事件名的'on'需要加上)和事件处理程序的函数(函数不加'()'。 例:btn.attachEvent('onclick',showMes); 删:btn.detachEvent('onclick',showMes);查看全部
-
DOM0级事件: 例:btn.onclick=function (); 删:btn.onclick=null; DOM2级事件处理程序定义了2个方法: 1.addEventListener(),指定事件处理程序 2.removeEventListener(),删除事件处理程序 接收三个参数:要处理的事件名、作为事件处理程序的函数和布尔值(true捕获阶段调用,false冒泡阶段调用)。 通过addEventListener添加的事件只能通过removeEventListener删除. 例:btn.addEventListener('click',showMes,false)//onclick等事件名的'on'都要去掉,函数不要带'()',布尔值(true捕获阶段调用,false冒泡阶段调用)查看全部
-
http://www.imooc.com/article/16909查看全部
-
// 添加句柄 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.removeEventListener){ element.removeEventListener(type,handler,false); }else if(element.detachEvent){ element.detachEvent('on'+type,handler); }else{ element['on'+type]=null; } },查看全部
-
getEvent:function(event){ return event?event:window.event; }, getType:function(event){ return event.type; }, getElement:function(event){ return event.target || event.srcElement; }, preventDefault:function(event){ if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue=false; } }, stopPropagation:function(event){ if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble=true; } }查看全部
-
var eventUtil = { addEventHandle:function(element,eventType,fn){//添加事件，这里eventType最好传递不带“on”的，便于后面拼接on if(element.addEventListener){//非IE情况下，使用addEventListener element.addEventListener(eventType,fn,false); }else if(element.attachEvent){//IE情况下，使用attachEvent element.attachEvent('on'+eventType,fn); }else{//不支持DOM2级情况下，使用DOM0级的方式 element['on'+eventType] = fn; } }, removeEventHandle:function(element,eventType,fn){//添加事件，这里eventType最好传递不带“on”的，便于后面拼接on if(element.removeEventListener){//非IE情况下，使用removeEventListener element.removeEventListener(eventType,fn,false); }else if(element.detachEvent){//IE情况下，使用detachEvent element.detachEvent('on'+eventType,fn); }else{//不支持DOM2级情况下，使用DOM0级的方式 element['on'+eventType] = null; } } };查看全部
-
欢迎查看交流 http://www.imooc.com/article/16879查看全部
-
总结-手记 欢迎交流 http://www.imooc.com/article/16877查看全部
-
对于事件处理程序我们一般建议自己进行封装，兼容跨浏览器的问题。 var eventUtil = { addEventHandle:function(element,eventType,fn){//添加事件，这里eventType最好传递不带“on”的，便于后面拼接on if(element.addEventListener){//非IE情况下，使用addEventListener element.addEventListener(eventType,fn,false); }else if(element.attachEvent){//IE情况下，使用attachEvent element.attachEvent('on'+eventType,fn); }else{//不支持DOM2级情况下，使用DOM0级的方式 element['on'+eventType] = fn; } }, removeEventHandle:function(element,eventType,fn){//添加事件，这里eventType最好传递不带“on”的，便于后面拼接on if(element.removeEventListener){//非IE情况下，使用removeEventListener element.removeEventListener(eventType,fn,false); }else if(element.detachEvent){//IE情况下，使用detachEvent element.detachEvent('on'+eventType,fn); }else{//不支持DOM2级情况下，使用DOM0级的方式 element['on'+eventType] = null; } } };查看全部
举报
0/150
提交
取消