你知道前端的事件绑定机制在不同浏览器直接的区别吗? by 面试官

我知道

$('#btn').click(function(){alert('hello world')})

事件绑定是啥,好吃吗? by 小白程序猿

这前段最蛋疼的 IE678 和网景公司的恩怨情仇历史有如老太裹脚布一般的又臭又长,而前端程序猿需要解决的各种BUG其实是IE开发人员自己的错误而且再也不会去纠正了。

所以你说前段难不难,当你自己花了几天时间修正 IE的各种BUG,发现原来这些不是你的错,我想你肯定也会厌烦想吐

说道正题,事件绑定有两种方式,

我们先获取一个按钮

var btn = document.getElmentById('btn')

第一种 直接为 DOM元素 onclick 方法赋值

btn.onclick = function(){alert('hello cc')
}

简单明了,但是我们知道js中的 函数其实也只是一个变量而已,所以这样写法当你想要绑定多个click事件的时候会出现问题

btn.onclick = function(){alert('a')
}btn.onclick = function(){alert('b')
}    

只会 alert  ‘ b ’出来,第一个函数被覆盖了

当然有好处,就是这样写取消事件绑定的时候, 只需要

btn.onclick = null

即可

并且所有浏览器都支持,不需要在乎 IE678的想法,简直酸爽 

不过这个严格来说算是事件添加,绑定的英文名叫做 bind ,所以正式的绑定事件我在第二篇文章再做介绍吧

转载于:https://www.cnblogs.com/ilovezy/p/4267055.html

关于前段蛋疼的地方之 IE 和网景 的缠缠绵绵 - 事件篇(1)相关推荐

  1. C#中在多个地方调用同一个触发器从而触发同一个自定义委托的事件

    场景 在Winfom中可以在页面上多个按钮或者右键的点击事件中触发同一个自定义的委托事件. 实现 在位置一按钮点击事件中触发 string parentPath = System.IO.Directo ...

  2. JavaScript入门到精通(完整版! ! !)

    创建一个JavaScript程序 第1步:新建HTML文档,保存为index.html 第2步:使用快捷键!创建html骨架 第3步:创建script标签,并输入document.write(' He ...

  3. 前端JS面试题简约版

    1. javascript原型与原型链: 原型: js中每一个函数都有一个proto属性,而且对应的是自身的原型,被称为隐式原型 函数中除了proto属性之外还有一个prototype属性,被称为显示 ...

  4. JS 中级前端面试题

    1.闭包:内部函数引用外部函数的变量(高频) 作用:延长它的生命周期 缺点: 容易导致内存泄漏 更多的内存消耗 会造成内存泄露,因为闭包中引用到的函数中定义的变量都永远不会被释放  解决:闭包在不使用 ...

  5. 带你理解DOM事件流

    在做前端开发的时候,我们经常需要做一些各式各样的交互,如鼠标单击/双击/滑动事件.键盘事件等等等等,这些都是DOM事件.首先我们先看一个概念,叫DOM事件流. DOM事件流 事件流:事件在目标元素和祖 ...

  6. 在ASP.NET中值得注意的两个地方

    在ASP.NET中ASPX页面的Page_Load事件有两个让人奇怪的地方,你应该记住它们: a.有时Page_Load事件在你的ASP.NET页面里会发生多次.这种情况发生的一个可能的原因是你把AS ...

  7. 写给地方网站的创业新手(转载)

    假如你是一位地方网站(本地互联网)的创业者,建议你读下去. 1.假如你有创业的热情与冲动,请首先检查自己的创业动机 [要点]假如你创业的目的是赚钱,而且是快钱,建议绕行.假如你的创业目的是自由.安全. ...

  8. 从和颐酒店事件来看地方安防标准的作用

    上周,和颐酒店事件受到社会各界的高度关注.一时间,酒店安全问题被推上风口浪尖,如家的危机公关处理也遭到吐槽和质疑.随着犯罪嫌疑人被抓获,和颐酒店事件渐渐平息,但是事件背后,还需要相关部门加以反思.酒店 ...

  9. 想WiFi速度快,路由器千万别放在这3个地方。

    转自:微点阅读  https://www.weidianyuedu.com 随着互联网的快速发展,手机和电脑已经占据我们的生活,只要我们有空闲的时间,都会拿出手机和电脑出来,比如看看朋友圈,刷刷抖音. ...

最新文章

  1. http://blog.sina.com.cn/s/blog_7b9d64af0101cjci.html
  2. 数据库系统概念总结:第三章 SQL
  3. 基于ZYNQ实时目标检测系统
  4. python打开一个本地目录文件路径
  5. windows10安装nodeJs及环境配置
  6. 批量删除2012年9月份以前的表
  7. 20篇聊天机器人领域必读论文速递!
  8. 高中计算机评课,高中信息技术优质课评课范文
  9. 华为“不造车”的承诺,快到期了
  10. 使用DBUtils报错connot create bean 错误解决的办法
  11. 编辑chm格式的文档
  12. ui设计现状与意义_UI设计师的前景与现状?
  13. uniapp中使用canvas生成海报
  14. BootDo架构-基于 Springboot 和 Mybatis 的后台管理系统
  15. 4.8 期货每日早盘操作建议
  16. 无法在浏览器中创建CAD文档
  17. MySQL创建组合索引
  18. 公开在线视频流(rtsp、stmp)
  19. JS中页面跳转,传值包含中文时乱码解决方案
  20. func() takes 0 positional arguments but 1 was given

热门文章

  1. 2022最新版中科院SCI期刊分区表-计算机科学大类
  2. Vivado和Modelsim联合仿真问题记录
  3. java设计模式之代理模式(转自一淫才)
  4. 面朝大海,春暖花开(部分引用)
  5. 生物信息领域常用软件工具及数据库
  6. golang爬虫构建代理ip池
  7. 共享停车位小程序,微信小程序停车场车位,微信小程序停车场系统毕设作品
  8. 最新: ChatGPT大模型对经济学研究的影响
  9. php下下级人数,关于PHP下级自动下滑的一点小见解
  10. 半导体|韦尔半导体3名高管因个人资金需求拟减持公司股份