欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

javascript常见兼容方法

程序员文章站 2022-05-14 18:22:07
阻止默认行为\鼠标拖拽\效果\监听委托 1. 重点内容 /阻止浏览器默认行为,或者阻止右键菜单,a连接的跳转,submit提交跳转/ function myprevent(e...

阻止默认行为\鼠标拖拽\效果\监听委托

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

<