window.addEventListener来解决让一个js事件执行多个函数
2023-06-13 09:14:43 时间
可能你也碰到过这种情况,就是在js的代码中用了window.onload后,可能会影响到body中的onload事件。你可以全写在body中,也可以全放到window.onload中,但是这样并不是很方便,有时我们需要两个同时用到。这时就要用window.attachEvent和window.addEventListener来解决一下。
下面是一个解决方法。至于attachEvent和addEventListener的用法,可以自己Google或百度一下。
复制代码代码如下:
下面是一个解决方法。至于attachEvent和addEventListener的用法,可以自己Google或百度一下。
if(document.all){
window.attachEvent("onload",函数名)//IE中
}
else{
window.addEventListener("load",函数名,false);//firefox
}
在近来的工作中,用到了attachEvent方法,该方法可以为某一事件附加其它的处理事件,有时候可能比较有用,这里将其基本用法总结一下。
其语法可以查看《DHTML手册》,里面有详细的说明,这里贴一个例子,该例子来自互联网:
document.getElementById("btn").onclick=method1;
document.getElementById("btn").onclick=method2;
document.getElementById("btn").onclick=method3;
如果这样写,那么将会只有medhot3被执行
写成这样:
varbtn1Obj=document.getElementById("btn1");
//object.attachEvent(event,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent("onclick",method2);
btn1Obj.attachEvent("onclick",method3);
执行顺序为method3->method2->method1
如果是Mozilla系列,并不支持该方法,需要用到addEventListener
varbtn1Obj=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
相关文章
- JS如何把Object对象的数据输出到控制台中
- js中如何判断数组中包含某个特定的值_js数组是否包含某个值
- input获取焦点 原生js_原生js的input事件
- 【说站】js中有哪些焦点事件
- Js生成二维码_js在线生成二维码
- 这些js原型及原型链面试题你能做对几道_2023-02-27
- 无缝切地图的3D赛车游戏火了,小哥花16个月用JS打造,浏览器免费就能玩
- js点击某个DIV之外的任意位置来触发事件的方法
- 如何使用jscythe并通过Node.js的Inspector机制执行任意JS代码
- 【源码】PDF.js批注注释插件库(纯JS). 创建和保存PDF批注(PDF 高亮/签名/插图/截屏/文本框/画笔/多边形)-pdf.js
- js数组删除,新增,元素删除,事件绑定详解编程语言
- JS DOMContentLoaded事件:DOM文档结构加载完毕
- JS onerror事件:错误处理
- JavaScript探索之旅掌握Oracle和JS的完美融合(js与oracle)
- asp.net(C#)中给控件添加客户端js事件的方法
- 记录鼠标的轨迹并回放的js代码
- js注意img图片的onerror事件的分析
- js通过googleAIP翻译PHP系统的语言配置的实现代码
- js给onclick事件赋值,动态传参数实例解说
- JS中批量给元素绑定事件过程中的相关问题使用闭包解决
- JS实现图片横向滚动效果示例代码
- 用JS实现3D球状标签云示例代码
- Chrome扩展页面动态绑定JS事件提示错误
- JS判断文本框内容改变事件的简单实例
- js判断iframe内的网页是否滚动到底部触发事件
- JS获取浏览器和屏幕宽高等信息代码
- js创建一个input数组并绑定click事件的方法
- jquery、js调用iframe父窗口与子窗口元素的方法整理
- js正则表达式test()和exec()用法实例
- require.js深入了解require.js特性介绍
- js图片实时加载提供网页打开速度
- JS回调函数的应用简单实例