-
一：事件对象 在触发DOM上的事件时都会产生一个对象； 事件对象(event) 1：DOM中的事件对象； -type属性用于获取事件的类型； -target属性用于获取事件目标； -stopPropagation()方法，用于阻止事件冒泡； -preventDefault()方法，阻止事件的默认行为； 2：IE中的事件对象(event) var ele=event.targetevent.srcElement; -type属性，用于获取事件类型； -srcElement属性用于获取事件的目标； -cancelBubble属性，用于阻止事件冒泡，设置为true，就阻止了; - 封装的event.js类 var eventUtil={ addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); //DOM2级事件 }else if(element.attachEvent){ element.attachEvent('on'+type,handler); //DOM3级事件 }else{ element['on'+type]=handler; //DOM0级事件 } }， removeHandler:function(element,type,handler){ if(element.removeEventListener){ element.removeEventListener(type,handler,false); //DOM2级事件 }else if(element.detachEvent){ element.detachEvent('on'+type,handler); //DOM3级事件 }else{ element['on'+type]=null; //DOM0级事件 } } }查看全部
-
事件对象event：在触发DOM上的事件时都会产生一个对象 1.DOM中的事件对象 (1)、type属性 用于获取事件类型 (2)、target属性 用于获取事件目标 (3)、stopPropagation()方法 用于阻止事件冒泡 (4)、preventDefault()方法 阻止事件的默认行为 2.IE中的事件对象 (1)、type属性 用于获取事件类型 (2)、srcElement属性 用于获取事件目标 (3)、cancelBubble属性 用于阻止事件冒泡(设置true表示阻止冒泡，设置false表示不阻止冒泡) (4)、returnValue属性 阻止事件的默认行为(设置false表示阻止事件的默认行为)查看全部
-
event.js中的代码： //得到事件； getEvent:function(event){ return event?event:window.event; }, //取消事件的默认行为 preventDefault:function(event){ if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue=false; }, //阻止事件冒泡 stopPropagation:functon(event){ if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble=true; } } }查看全部
-
一：事件对象 在触发DOM上的事件时都会产生一个对象； 事件对象(event) 1：DOM中的事件对象； -type属性用于获取事件的类型； -target属性用于获取事件目标； -stopPropagation()方法，用于阻止事件冒泡； -preventDefault()方法，阻止事件的默认行为； 2：IE中的事件对象(event) var ele=event.targetevent.srcElement; -type属性，用于获取事件类型； -srcElement属性用于获取事件的目标； -cancelBubble属性，用于阻止事件冒泡，设置为true，就阻止了; - 封装的event.js类 var eventUtil={ addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); //DOM2级事件 }else if(element.attachEvent){ element.attachEvent('on'+type,handler); //DOM3级事件 }else{ element['on'+type]=handler; //DOM0级事件 } }， removeHandler:function(element,type,handler){ if(element.removeEventListener){ element.removeEventListener(type,handler,false); //DOM2级事件 }else if(element.detachEvent){ element.detachEvent('on'+type,handler); //DOM3级事件 }else{ element['on'+type]=null; //DOM0级事件 } } }查看全部
-
事件冒泡：最集体的--逐级传递到最不具体的 span -> div -> body ->html 时间捕获：最不具体的逐级传递到最具体的 html -> body -> div -> span查看全部
-
IE---事件冒泡流。 ⒈事件冒泡流：即时间最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体的那个节点（文档）. 栗子：若<body><div><input type="button"/></div></body>次结构，点击按钮时，默认点了按钮的容器 默认点了body,默认点了html，默认点了document. ⒉事件捕获流：不太具体的节点应该更早接收到事件，而最具体的节点最后接收到事件。查看全部
-
DOM中的事件对象查看全部
-
移动区域要先设置成position:absolute; 即line 25的oDrag查看全部
-
clientX和clientY可以得到鼠标的X和Y坐标查看全部
-
onmousedown()事件，鼠标左键还是鼠标右键都可以实现查看全部
-
IE10以前的浏览器不支持document.getElementsByTagName(''); 所以把通过类名获取元素封装在一个方法里查看全部
-
IE中的事件对象和DOM中的事件对象还是有区别的：<br> DOM IE<br> 获取事件类型 type type<br> 获取事件的目标 target srcElement<br> 阻止事件冒泡 stopPropagation() cancleBubble(true表示阻止冒泡)<br> 阻止事件默认行为preventDefault() returnValue(false表示阻止事件默认行为)查看全部
-
事件流（事件冒泡、事件捕获）查看全部
-
事件流查看全部
-
事件程序查看全部
举报
0/150
提交
取消