`
zhangyaochun
  • 浏览: 2619231 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

记录-js事件监听的兼容性小集合

阅读更多

 

  • 事件监听

          ie使用attachEvent/detachEvent方法来添加和删除事件监听器;

          w3c使用addEventListener/removeEventListener方法

 

  •  type命名

          ie对事件类型使用on

 

  •  停止事件传递

          ie下是cancelBubble设置true

          w3c是stopPropagation

 


  • 阻止默认行为
          ie 要求是returnValue = false
          w3c是执行preventDefault

  • ie没有事件捕获阶段

  • ie在使用事件监听器方面存在内存泄露问题

 

  • ie将事件监听器当做一个独立的函数来调用----this关键字的指向不是事件发生对象而是一个没用的全局对象(window) 

          w3c是作为对象的方法来调用

 

 

 

分享到:
评论

相关推荐

    Javascript的IE和Firefox兼容性问题集合

    然而,由于不同的浏览器对JavaScript的支持程度和实现方式存在差异,尤其是Internet Explorer(IE)和Firefox这两款流行浏览器,开发者经常需要面对兼容性问题。以下是一些常见的JavaScript在IE和Firefox上的兼容性...

    UniGUI集合说明--追月无名.pdf

    在Internet Explorer浏览器中,UniGUI控件的字体出现变小或模糊的情况,通常是由于浏览器的兼容性问题导致的。IE对某些CSS样式的支持不够完善,尤其是在处理字体样式方面可能存在差异。解决这个问题的方法包括: - ...

    JavaScript的常用方法的集合

    JavaScript是一种广泛应用于网页和网络应用的脚本语言,它的强大在于能够...在使用这些方法时,请确保进行充分的测试和验证,以确保代码的正确性和兼容性。希望这个集合能对你的JavaScript学习之路提供有价值的参考。

    js兼容IE火狐问题

    在JavaScript开发中,确保代码在不同的浏览器中具有良好兼容性是一项重要的任务。由于各个浏览器对JavaScript的支持程度和实现方式有所差异,所以需要采取特定的策略来处理这些差异,以确保代码在Internet Explorer...

    js弹出div大集合

    这些弹出层效果的核心原理是通过JavaScript监听用户的点击事件,然后动态创建或改变DOM结构,以及应用CSS样式来实现弹出层的展现和关闭。同时,它们通常会配合CSS3的过渡和动画效果,以提供更流畅的视觉体验。 在...

    JavaScript_一个2kb以下的小JS库集合,可以让你的包瘦身.zip

    这个名为"JavaScript_一个2kb以下的小JS库集合,可以让你的包瘦身.zip"的压缩包,显然包含了几个小型JavaScript库,这些库的体积非常小,小于2KB,目的是为了优化网页性能,减少加载时间,特别是对于那些对资源有...

    JS树形菜单集合(最全)

    JavaScript(简称JS)是一种轻量级的脚本语言,广泛应用于网页和网络应用开发,而树形菜单在前端UI设计中扮演着重要角色,尤其在数据层级结构展示时。JS树形菜单允许用户以交互方式浏览多级数据,提供了一种高效、...

    不可错过的React.js 面试题集合整理(适合中高级).pdf

    - 使用合成事件(SyntheticEvent)来模拟原生DOM事件,解决了浏览器兼容性问题。 - 要阻止事件冒泡,应使用`event.preventDefault()`而不是`event.stopPropagation()`,因为React事件不会冒泡到原生DOM事件。 - ...

    对日共通JS

    【对日共通JS】是针对日本市场或与日本企业合作的Web开发项目中常用的一套JavaScript技术集合。这些JS库、工具和方法通常是为了满足日本市场的特定需求和规范,确保项目的顺利进行和用户体验的优化。在Web开发领域,...

    02-js面向对象考核-tab栏案例.zip

    在实际项目中,我们还需要考虑浏览器兼容性、性能优化以及用户体验等问题。例如,可以使用事件委托来提高性能,或者使用CSS3过渡和动画来增强视觉效果。此外,良好的代码组织和模块化也是保证代码可读性和复用性的...

    jQuery图片滑动特效集合SuperSlide

    通过简单的配置,开发者可以定制出符合自己需求的滑动效果,同时,SuperSlide还具备良好的兼容性和高性能,确保在各种浏览器环境下都能流畅运行。 1. **基本结构与使用**: 要使用SuperSlide,首先需要在HTML文件...

    2022必备React.js 面试题集合[珍藏版].pdf

    - 使用合成事件(SyntheticEvent),React提供了跨浏览器的兼容性,简化了事件处理。合成事件在事件池中管理,可以复用和高效地销毁,避免内存泄漏。 2. **React事件与HTML事件的区别**: - 事件命名:React事件...

    进入IT企业必读的React.js 面试题集合「务必收藏」.pdf

    - 合成事件可以跨浏览器工作,解决了兼容性问题,并且通过事件池管理事件对象,减少了内存开销。 - 若要阻止事件冒泡,应使用`event.preventDefault()`而非`event.stopPropagation()`,因为React事件不遵循原生DOM...

    JS特效集合

    开发者需要考虑浏览器兼容性、性能优化以及无障碍访问等问题,确保所有用户都能顺利使用这些特效。 总结,"JS特效集合"涵盖了JavaScript在网页交互和视觉设计中的广泛应用。通过学习和分析这些实例,开发者可以提升...

    js的14个小程序

    14. **浏览器兼容性处理**:由于不同浏览器对JS的实现可能略有差异,开发者需要考虑跨浏览器兼容性,使用如Modernizr等库来检测浏览器特性,或者使用polyfill提供缺失的功能。 通过这个“js的14个小程序”,你可以...

    008课-JS库的封装.rar

    12. **兼容性处理**:考虑到浏览器间的差异,JS库需要处理各种兼容性问题,例如使用polyfills来为不支持新特性的旧浏览器提供功能。 13. **版本管理和发布**:了解如何使用Git进行版本控制,以及通过npm或bower等包...

    javascript和css在IE和Firefox中的不同点及解决兼容性的方案

    JavaScript 和 CSS 在不同的浏览器之间可能存在兼容性问题,尤其是在 Internet Explorer (IE) 和 Mozilla Firefox 这两个浏览器中。本文将详细探讨这些差异,并提供相应的解决策略,以确保网站在各种浏览器中都能...

    张孝祥-javascript网页开发源码

    9. **浏览器兼容性**:可能包含解决不同浏览器间差异的代码片段,如使用polyfill引入新特性。 10. **版本控制**:如果源码包含版本控制信息(如Git提交历史),可以学习到版本管理的最佳实践。 通过深入学习和实践...

    入门级React.js 面试题集合(准备面试用的).pdf

    - 事件在React中是合成事件(SyntheticEvent),这是一个跨浏览器的标准化事件对象,解决了不同浏览器间的兼容性问题。 - 为了阻止事件冒泡,应使用`event.preventDefault()`,而不是`event.stopPropagation()`。`...

    网页设计特效 js集合

    例如,Bootstrap框架中的JavaScript插件就包含了许多这样的组件,它们大大简化了网页开发过程,同时保证了跨浏览器兼容性。 3. **JS菜单**:JavaScript菜单是网页导航的重要组成部分,它可以实现动态展开、折叠、...

Global site tag (gtag.js) - Google Analytics