-
事件流---描述的是从页面接收事件的顺序 事件冒泡：即事件最开始由最具体的元素（文档中嵌套层次最深的那 个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）。 事件捕获：和事件冒泡相反，不太具体的节点应该更早接收到事件， 而最具体的节点最后接收到事件。（大部分浏览器不支持）查看全部
-
事件冒泡：事件由最具体的元素接收（嵌套最深的节点），逐层想外扩散至不具体的元素查看全部
-
event对象兼容性查看全部
-
DOM和IE事件对象查看全部
-
还需要再看几次，菜单选项处理查看全部
-
mousemove 移动查看全部
-
这里的事件处理要多看几次查看全部
-
element.onclick==element["onclick"];查看全部
-
IE中的事件对象： 1.type属性用于获取事件类型 2.srcElement属性用于获取事件的目标 3.cancelBubble属性用于阻止事件冒泡（设置为true表示阻止冒泡，flase表示不阻止冒泡） 4.retrueValue属性用于阻止事件的默认行为（设置为fasle表示阻止事件的默认行为） 把多个事件封装到一个对象里面，再把每个功能封装到对应方法里面，建议将封装的对象写到成单独的js文件，然后在需要的文件中引用。 {getEvent:function(event){ //ie8以前的事件对象为window.event return event?event:window.event; }, getType:function(event){ return event.type; }, 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属性处理 } }}查看全部
-
注意循环时i和索引值index的关系基本就没问题了查看全部
-
事件对象查看全部
-
element.onclick ===element['onclick']查看全部
-
ie事件处理程序查看全部
-
this查看全部
-
html事件处理：<input type="button" id="btn" value="btn" onclick="alert()"/> DOM0级事件处理：<input type="button" id="btn" value="btn"/> var btn = document.getElementById("btn"); btn.onclick=function(){alert();} DOM3级事件处理：<input type="button" id="btn" value="btn"/> var btn = document.getElementById("btn"); btn.addEventListener("click",function(){alert();},false); 注：若放到head里面需window.onload=function(){......}查看全部
举报
0/150
提交
取消