-
IE事件处理查看全部
-
事件处理程序查看全部
-
事件捕获查看全部
-
事件冒泡查看全部
-
事件冒泡查看全部
-
事件流查看全部
-
【JS拖拽】查看全部
-
addEventListener() removeEventListener()查看全部
-
事件处理程序查看全部
-
keyUp keyDown keyPress keyCoden查看全部
-
光标位置clientX,clientY查看全部
-
onmousedown()鼠标摁下时触发查看全部
-
keyDown 用户按下任意键时触发 keyPress 用户按下自附件是触发 keyUp当用户释放键盘上的键时触发查看全部
-
拖拽->鼠标跟随 1、绑定鼠标点击事件 2、获取鼠标坐标：clientX、clientY (所有浏览器都支持此属性) 3、为容器元素绑定onmousemove(表明可拖拽元素只在容器元素内可拖拽) 4、将拖拽元素设置成绝对定位 5、在onmousemove中改变拖拽元素的left、top (注意left、top的算法) 6、设置left、top限定，禁止元素拖出窗口 7、当前浏览器窗口宽度document.documentElement.clientWidth或document.body.clientWidth 8、拖拽元素绑定onmouseup事件，在此事件中注销onmousemove事件，完成元素拖拽的释放效果 document.onmouseup=function(){ document.onmousemove=null; document.onmouseup=null; } 注意可以把left、top理解成x轴、y轴 面板（弹框）以左上角位置定位 mouseup当用户释放鼠标按钮时触发拖拽->鼠标跟随 1、绑定鼠标点击事件 2、获取鼠标坐标：clientX、clientY (所有浏览器都支持此属性) 3、为容器元素绑定onmousemove(表明可拖拽元素只在容器元素内可拖拽) 4、将拖拽元素设置成绝对定位 5、在onmousemove中改变拖拽元素的left、top (注意left、top的算法) 6、设置left、top限定，禁止元素拖出窗口 7、当前浏览器窗口宽度document.documentElement.clientWidth或document.body.clientWidth 8、拖拽元素绑定onmouseup事件，在此事件中注销onmousemove事件，完成元素拖拽的释放效果 document.onmouseup=function(){ document.onmousemove=null; document.onmouseup=null; } 注意可以把left、top理解成x轴、y轴 面板（弹框）以左上角位置定位 mouseup当用户释放鼠标按钮时触发查看全部
-
2.IE中的事件对象 a.type属性 用于获取事件类型 b.srcElement属性 用于获取事件目标 c.cancelBubble属性 用于阻止/取消事件冒泡 设置为true表示阻止冒泡 设置为false表示不阻止冒泡 d.returnValue属性 用于阻止事件的默认行为 设置为false表示阻止事件的默认行为 getEvent:function(event){ return event?event:window.event;//或event=eventwindow.event; 非IE:event,IE:window.event }, getType:function(event){ return event.type; //非IE与IE相同 }, getElement:function(event){ return event.target event.srcElement; //非IE:event.target，IE:event.srcElement }, preventDefault:function(event){ if(event.preventDefault){//判断对象方法是否存在时,要将方法当做属性来判断[函数名后不加小括号:if(对象.方法函数)],很多方法没有返回值,即使有返回值也不一定是布尔值,如果是if(方法函数())时会出现不可预料的结果 event.preventDefault(); //非IE方法处理 }else{ event.returnValue=false; //IE方法处理 } }, stopPropagation:function(event){ if(event.stopPropagation){ //event.stopPropagation:以属性的形式进行判断 event.stopPropagation(); //非IE方法处理 }else{ event.cancelBubble=true; //IE方法处理 } }查看全部
举报
0/150
提交
取消