-
ie事件对象查看全部
-
stopPropagation ()阻止事件冒泡 preventdefualt（）阻止事件默认属性查看全部
-
跨浏览器事件处理程序查看全部
-
attachEvent dettachEvent查看全部
-
dom2添加时间要去掉on 比如click查看全部
-
addeventlistener removeeventlistener查看全部
-
用于处理制定和删除事件处理程序的操作查看全部
-
拖拽->鼠标跟随 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当用户释放鼠标按钮时触发查看全部
-
跨浏览器：建立对象，设立方法，能力判决查看全部
-
document.getElementsByClassName() IE10以前的浏览器不支持，可以自己在js文件中封装一个获取class的函数。 onmousedown:在用户按下任何鼠标按钮时触发，onmousemove:当鼠标指针在元素内部移动时重复地触发。 光标的位置可以通过clientX和clientY属性得到。 鼠标事件都是在浏览器窗口中的特定位置上发生的。这个位置信息保存在事件的clientX和clientY属性中。所有浏览器都支持这两个属性，它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标。不包括页面滚动的距离。 clientX和clientY属性可以分别得到光标的x坐标和y坐标。 任何能够跟着鼠标移动的东西都要有一个前提：绝对定位。查看全部
-
hhh查看全部
-
2.IE中的事件对象 a.type属性 用于获取事件类型 b.srcElement属性 用于获取事件目标 c.cancelBubble属性 用于阻止/取消事件冒泡 设置为true表示阻止冒泡 设置为false表示不阻止冒泡 d.returnValue属性 用于阻止事件的默认行为 设置为false表示阻止事件的默认行为 getEvent:function(event){ return event?event:window.event;//或event=event||window.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方法处理 } }查看全部
-
判断的时候前往不要加括号，执行的时候才加。 if( event.preventDefault) { event.preventDefault( ); }查看全部
-
浏览器兼容问题。把多种情况封装在一个函数中。 当DOM0级的时候， element.onclick=element["onclick"]完全等价 所以用element['on'+type]查看全部
-
DOM事件处理程序查看全部
举报
0/150
提交
取消