源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

window.addEventListener来解决让一个js事件执行多个函数

  • 时间:2021-04-27 22:03 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:window.addEventListener来解决让一个js事件执行多个函数
可能你也碰到过这种情况,就是在js的代码中用了window.onload后,可能会影响到body中的onload事件。你可以全写在body中,也可以全放到window.onload中,但是这样并不是很方便,有时我们需要两个同时用到。这时就要用window.attachEvent和window.addEventListener来解决一下。 下面是一个解决方法。至于attachEvent和addEventListener的用法,可以自己Google或百度一下。
[u]复制代码[/u] 代码如下:
if (document.all){ window.attachEvent('onload',函数名)//IE中 } else{ window.addEventListener('load',函数名,false);//firefox }
在近来的工作中,用到了attachEvent方法,该方法可以为某一事件附加其它的处理事件,有时候可能比较有用,这里将其基本用法总结一下。 其语法可以查看《DHTML手册》,里面有详细的说明,这里贴一个例子,该例子来自互联网:
[u]复制代码[/u] 代码如下:
document.getElementById("btn").onclick = method1; document.getElementById("btn").onclick = method2; document.getElementById("btn").onclick = method3;
如果这样写,那么将会只有medhot3被执行 [b]写成这样[/b]:
[u]复制代码[/u] 代码如下:
var btn1Obj = document.getElementById("btn1"); //object.attachEvent(event,function); btn1Obj.attachEvent("onclick",method1); btn1Obj.attachEvent("onclick",method2); btn1Obj.attachEvent("onclick",method3);
执行顺序为method3->method2->method1 如果是Mozilla系列,并不支持该方法,需要用到addEventListener
[u]复制代码[/u] 代码如下:
var btn1Obj = document.getElementById("btn1"); //element.addEventListener(type,listener,useCapture); btn1Obj.addEventListener("click",method1,false); btn1Obj.addEventListener("click",method2,false); btn1Obj.addEventListener("click",method3,false);
执行顺序为method1->method2->method3
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部