-
事件冒泡：从内至外； 事件捕捉：从外到内。查看全部
-
clear:both;查看全部
-
ele.addEventListener(type,hander,false)查看全部
-
事件处理程序： 1、HTML事件：事件直接添加在HTML标签里，例如<a onclick="">。 2、DOM0级事件：把函数赋值给一个事件的处理程序属性，例如a.onclick=<func>。 3、DOM2级事件：用于处理指定（addEventListener）和删除（removeEventListener）事件处理程序的操作，例如a.addEventListener("click",<func>,false)。通过addEventListener添加的事件，必须通过removeEventListener移除。 4、IE事件处理程序：IE8-用attachEvent和detachEvent，对应addEventListener和removeEventListener，例如a.attachEvent("onclick",<func>)。 跨浏览器兼容方案： var eventUtil = { addEvent: function(ele, type, listener, isCapture){ if(ele.addEventListener){ ele.addEventListener(type, listener, isCapture); } else if(ele.attachEvent){ ele.attachEvent("on"+type, listener); } else{ ele["on"+type] = listener; } }, delEvent: function(ele, type, listener, isCapture){ if(ele.removeEventListener){ ele.removeEventListener(type, listener, isCapture); } else if(ele.detachEvent){ ele.detachEvent("on"+type, listener); } else{ ele["on"+type] = null; } } };查看全部
-
这个案例主要用到定时器，随机数，键盘事件等 主要的键盘事件 1、keydown 当用户按下键盘上的任意键时触发，而且如果按住不放的话，会重复触发此事件 2、keypress 当用户按下键盘上的字符键时触发，而且如果按住不放的话，会重复触发此事件 3、keyup当用户释放键盘上的键时触发 keyCode用来获取键值，键盘上的每一个按键都唯一对应一个值查看全部
-
事件流：描述从页面接收事件的顺序。 事件冒泡流（IE）：事件最开始由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上至最不具体的节点（文档）。 事件捕获流（NS）：不太具体的节点应该更早接收到事件，而最具体的事件最后接收到事件。查看全部
-
IE中的事件对象 1.type属性 用于获取事件类型 2.srcElement属性 用于获取事件目标 IE和其它浏览器兼容： event = event||window.event (IE8之前的浏览器用window.event) var ele = event.target ||event.srcElement 3.ancelBubble属性 用于阻止事件冒泡。 true表示阻止冒泡，false表示不阻止冒泡。 4.returnValue属性 用于阻止事件的默认行为。 设置false为阻止事件的默认行为。（ie中基本都是属性，没有方法）查看全部
-
DOM中的事件对象 1.type属性 用于获取事件类型 2.target属性 用于获取事件目标 3.stopPropagation()阻止事件冒泡 4.preventDefault()阻止默认行为查看全部
-
键盘事件查看全部
-
阻止事件冒泡查看全部
-
这个案例主要用到鼠标事件，阻止事件冒泡，阻止事件的默认行为等知识点 主要的几个鼠标事件 1、click 当用户按下并释放鼠标按键或其他方式‘激活’元素时触发 2、dblclick 鼠标双击事件 3、mousedown 当用户按下鼠标按键时触发 4、mouseup 当用户释放鼠标按键时触发 5、mousemove 当用户移动鼠标时触发 6、mouseover 当鼠标进入元素时触发 7、mouseout 当鼠标离开元素时候触发 以上事件都会引起冒泡 阻止事件冒泡的方法 event.stoppropagation() ie下 window.event.cancelBubble=true; 阻止事件默认行为的方法 event.preventDefault() ie下 window.event.returnValue=false; 事件注意点 event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等； event对象只在事件发生的过程中才有效。 firefox里的event跟IE里的不同，IE里的是全局变量，随时可用；firefox里的要用参数引导才能用，是运行时的临时变量。 在IE/Opera中是window.event，在Firefox中是event；而事件的对象，在IE中是window.event.srcElement，在Firefox中是event.target，Opera中两者都可用。查看全部
-
获取窗体的宽;document.documentElement.clientWidth||document.body.clientWidth; 获取窗体的高：document.documentElement.clientHeight||document.body.clientHeight; 在可以移动位置的部分，设置mousedown事件调用fnDown函数； fnDown函数里，获取event记录鼠标跟面板距离，再设置document.onmousemove事件，再获取event通过fnMove函数设置面板位置； 最后要设置onmouseup事件， document.onmousemove=null；document.onmouseup=null ，面板才不会在鼠标释放时还跟着鼠标移动。查看全部
-
这个案例主要用到定时器，随机数，键盘事件等 主要的键盘事件 1、keydown 当用户按下键盘上的任意键时触发，而且如果按住不放的话，会重复触发此事件 2、keypress 当用户按下键盘上的字符键时触发，而且如果按住不放的话，会重复触发此事件 3、keyup当用户释放键盘上的键时触发 keyCode用来获取键值，键盘上的每一个按键都唯一对应一个值查看全部
-
DOM事件---QQ面板拖拽效果： 1. 通过类名获取元素：document.getElementsByClassName(""); IE10之前是不支持的；使用封装方法间接解决浏览器兼容问题：通过获取元素对比className得到； 2.鼠标事件位置信息保存在事件的clientX和clientY属性中，所有浏览器都支持这两个属性，表示事件发生时鼠标指针在视口中的水平和垂直坐标（不包括页面滚动的距离） 3.mousemove：当鼠标指针在元素内部移动时重复地触发 4.在鼠标事件中，可在其触发的函数中用参数来引用事件对象，如document.onmousemove=function(event){}，其中的参数event代表mousemove鼠标移动事件； 5.面板可以跟随鼠标移动的前提条件：设置了绝对定位；查看全部
-
事件对象查看全部
举报
0/150
提交
取消