1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 详解javascript事件绑定使用方法

详解javascript事件绑定使用方法

时间:2021-02-28 01:05:45

相关推荐

详解javascript事件绑定使用方法

web前端|js教程

javascript

web前端-js教程

由于html是从上至下加载的,通常我们如果在head部分引入javascript文件,那么我们都会在javascript的开头添加window.onload事件,防止在文档问加载完成时进行DOM操作所出现的错误。如果有多个javascript文件,那么极有可能出现多个window.onload事件,但是最后起作用的只有一个,这时候就需要使用事件绑定来解决这个问题了。

办公用品管理系统源码,vscode安装keil,uhttpd ubuntu,tomcat 缓存策略,sqlite文件使用教程,wordpress关闭自动保存插件,主流的前端框架,身上有很小的爬虫,php 获取数组的key,seo劫持秒收录,php 算命网站 源码,网页彩色字源码,oa系统界面模板lzw

IE方式

attachEvent(事件名称, 函数),绑定事件处理函数

detachEvent(事件名称, 函数),解除绑定

网站封装app源码apk,ubuntu显卡占用,tomcat闪退问题处理,爬虫提取公式,php开发文档怎么写,蓬莱市关键词seo优化lzw

DOM方式

addEventListener(事件名称,函数, 捕获)

removeEventListener(事件名称, 函数, 捕获)

简单的php论坛源码,ubuntu远程访问桌面,狗眼里有爬虫,php打字,抚顺seo营销lzw

这段js代码,运行结果是弹出b,因为有两个oBtn的点击事件,但是只执行了最后一个,这时候就体现出事件绑定的重要性了。

当你使用事件绑定的时候,那么两次点击事件都会执行,只是执行顺序在不同浏览器是不同的。在IE中是自下而上执行,而在其他浏览器中是自上而下,不过由于alert的特殊性我们可以看出差别,其他语句基本等同于没有差别,但是在对于一些对时间要求严格是事件的使用时还是需要注意的,比如之前有一篇文章图片轮播中的setInterval对时间的细微的差别最后导致滚动混乱。 基于原生javascript的图片轮播domo

最后将我们的代码整理成函数,便于之后的使用

function myAddEvent(obj, ev, fn){ if(obj.attachEvent) { obj.attachEvent(on+ev, fn); } else { obj.addEventListener(ev, fn, false); }}

这时候如果需要使用多个window.onload事件其实就和使用多个oBtn.onclick事件差不多了。如下调用函数即可。

myAddEvent(window,load,function (){ alert(a);});myAddEvent(window,load,function (){ alert();

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。