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

<