javascript常见兼容

阻止浏览器默认行为\鼠标拖拽\效果\监听委托
1. 重点内容

/阻止浏览器默认行为,或者阻止右键菜单,a连接的跳转,submit提交跳转/

   function myPrevent(e){    *如果没有这个属性,就调用这个方法*/
       if(e.preventDefault){

           e.preventDefault();
       }else if(returnValue || e.returnValue == undefined){ /*IE8的return是undefined*/
           e.returnValue =false; 
       }else{
           return false;
       }          
   }

/*不知道干嘛,就叫出事件对象,因为它上面有很多属性和方法
* 1. e.returnValue:true 在正常浏览器的原型->原型上找到了该元素
* 2. e.preventDefault 在好几层原型之上 及顶级父级之上(事件对象的原型)
* 3.retuan false 有可以阻止事件默认但是会跳出当前函数
*
* 正常浏览器两种都支持
* IE9支持preventDefault方法,废弃了returnValue方法
* IE9以下不支持preventDefault方法,支持returnValue方法
* */
/* default ?什么意思*/

2.
/*事件绑定: 对DOM元素绑定事件处理函数,所谓的事件处理函数就是处理用户操作的函数,不同的操作对应不同的名称
* 在javascripot中有三种常用的绑定事件的方法:
* 1.在DOM元素中直接绑定
*
* 2.在javascript代码中绑定.列子就算了
* 3.绑定事件监听函数
*
* 这里就引出了事件监听:在w3cshool中定义乐3个事件阶段,以次是 捕获阶段,目标阶段,冒泡阶段
*
* 网景的事件驱动机制是事件捕获
* IE自己推出的机制是事件冒泡
* IE9以后支持w3c的规范即是 捕获阶段,目标阶段,冒泡阶段.
*/
/事件监听/
**高内聚
var obj = {
addEvevt:function(ele,myEvent,callback){
if(ele.addEventListener){ /非IE下不加on/
ele.addEventListener(myEvent,callback,false);/默认冒泡false 改为trur是捕获/
}else if(ele.attachEvent){ /IE下这里的事件名要加on/
ele.attachEvent(“on”+myEvent,callback);
}else{
ele[“on”+myEvent] = callback;
}
},
removeEvent:function(ele,myEvent,callback){
if(ele.removeEventListener){
ele.removeEventListener(myEvent,callback,false);
}else if(ele.detachEvent){
ele.detachEvent(“on”+myEvent,callback);
}else{
ele[“on”+myEvent] = null;
}
}
}
obj.addEvevt(obox,”click”,fn1);**

3.
/*事件委托:
*利用事件冒泡原理,通过e.target获取触发事件的事件源,将多个子元素事件,绑定在父元素身上.
*/
var oul = document.getElementsByTagName(“ul”)[0];
oul.onclick = function(eve){
var e = eve || window.event;
var target = e.target || e.srcElement;
console.log(e.target.nodeName);
if(target.nodeName == “LI”){
console.log(target.innerHTML);
}
}
1. function eventEnt(arr,callback){
/*点击的时候，不能立即执行函数，并且还需要传参
此时必须在点击事件执行函数的时候加()，还不能让这个函数执行
如何处理？将要执行的事件处理函数，放在封装函数的return。此时一个()就执行不到了，必须加两个()，从而实现上一条*/
return function(eve){
var e = eve || window.event;
var target = e.target || e.srcElement;
for(var i=0;i