`

在添加dom 事件的时候遇到的问题(IE和Firefox在事件上的不同之处)

阅读更多
<div item = {html:2,id:3}>层的内容</div>

在对这样一个层对象进行操作的时候,如果这个层本身已经通过jQuery进行绑定了事件,例:$("[item]").click(function(){
     操作程序....
})

那么,如果再在这个层对象上添加onclick事件,例:
<div item = {html:2,id:3} onclick=getSomething()>层的内容</div>
这样的操作在Firefox是可以的,这两个click事件里的方法都会被执行。
但是在IE下不行,onclick后面的函数将不会被执行。
我的解决办法:仍然用jQuery的节点方法操作,给改div 加id 或者class,然后操作这个层的click事件。例:

<div item = {html:2,id:3} id ="divId">层的内容</div>
$("#divId").click(function(){
   $("this").parent("div").remove();
})


这样操作IE和Firefox下,两个click事件处理函数都会被响应。
分享到:
评论

相关推荐

    DOM文档和Javascript的IE和Firefox兼容性

    2. **事件处理**:在IE和Firefox中,事件处理方式有所不同。IE早期版本使用`attachEvent`和`detachEvent`,而Firefox等其他浏览器使用`addEventListener`和`removeEventListener`。开发者需注意这两种方式的互换。 ...

    Javascript在IE和FireFox中的兼容处理

    - IE允许在DOM元素上直接添加非标准属性,如`element.selfAttr`,而Firefox则需要通过`element.getAttribute('selfAttr')`获取。 3. **对象获取** - IE支持`document.all`来获取所有元素,Firefox则不支持。应...

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

    以下是一些常见的JavaScript在IE和Firefox上的兼容性问题及其解决策略: 1. **事件处理**:IE使用attachEvent方法添加事件监听器,而Firefox则使用addEventListener。为确保兼容,可以创建一个跨浏览器的事件处理...

    前段JS开发和DOM兼容问题大全

    在前端开发中,JavaScript和DOM操作是核心组成部分,而不同浏览器之间的兼容性问题常常困扰开发者。以下将详细介绍在处理JavaScript和DOM时遇到的兼容性问题以及相应的解决方法。 一、DOM节点的访问兼容性问题及...

    IE FireFox 兼容问题

    其中,Internet Explorer(IE)和Firefox是两种常遇到兼容性问题的浏览器。 #### IE与Firefox的主要兼容性问题 ##### 1. CSS样式兼容性 - **盒模型差异**:在IE6及更早版本中,如果为元素设置了`width`和`padding`...

    兼容IE与FireFox

    由于IE和Firefox在事件对象的获取上有差异,我们需要编写一段通用的代码来适应这两种情况。以下是一段示例代码: ```javascript function test(event) { var event = event || window.event; // doSomething } ``...

    一个右键菜单,支持不同对象不同菜单,兼容IE、Firefox

    兼容IE、Firefox”指的是一个Web开发中的功能实现,它创建了一个自定义的右键上下文菜单,这个菜单可以根据用户点击的对象提供不同的选项,并且能在主流浏览器IE(Internet Explorer)和Firefox上正常工作。...

    IE 下dom查看器

    虽然现代浏览器倾向于使用更通用的开发者工具,如Chrome DevTools或Firefox Developer Tools,但了解IE的DOM查看器对于支持旧版本IE的项目仍然至关重要。 **压缩包子文件的文件名称列表** 这些文件名代表了可能在...

    ajax中的IE和火狐的区别

    本文将基于提供的文档摘要,深入探讨Internet Explorer(IE)与Mozilla Firefox(火狐)这两种主流浏览器在处理DOM操作、事件绑定等方面存在的差异,并提出相应的解决方案。 #### 一、InnerText与InnerHTML - **...

    Javascript的IE和Firefox兼容性汇编 .txt

    - 特别是 `childNodes` 的处理,Firefox等现代浏览器更倾向于使用 DOM 树模型来处理子节点,这可能导致IE与Firefox在遍历子节点时的行为有所不同。 #### 结论 在处理跨浏览器兼容性问题时,需要充分考虑到不同...

    js日历 精美,精简 IE和Firefox

    总的来说,这个JS日历组件为那些希望在网页中添加日期选择功能的开发者提供了一个高效、兼容和美观的解决方案,特别适合对IE和Firefox支持有需求的项目。通过熟练掌握和应用这样的组件,开发者可以提升网页的交互性...

    javascript 调试工具/教程,支持浏览器IE firefox

    以下是对标题和描述中涉及的知识点的详细说明,以及如何在IE和Firefox中进行JavaScript调试。 **一、JavaScript调试的重要性** JavaScript调试是开发过程中不可或缺的环节,它可以帮助开发者找出代码中的错误、性能...

    一个兼容ie 和firefox 的日历控件js

    标题中的“一个兼容ie 和firefox 的日历控件js”指的是一个JavaScript库,它被设计成能在Internet Explorer(IE)和Firefox这两个不同的浏览器上正常工作,提供日历功能。在Web开发中,由于不同浏览器对某些特性或...

    Firefox浏览器兼容JS脚本

    综上所述,Firefox与IE在JavaScript的兼容性方面存在着诸多差异,这些差异主要体现在事件处理、DOM操作、CSS样式以及网络请求等方面。为了确保Web应用在不同浏览器上的正常运行,开发者需要充分了解这些差异,并采取...

    兼容IE火狐的图片切换源码

    然而,由于浏览器之间的兼容性问题,尤其是Internet Explorer(IE)与Firefox等其他浏览器之间的差异,实现一个跨浏览器的图片切换功能可能会遇到挑战。标题提到的“兼容IE火狐的图片切换源码”就是针对这一问题提供...

    jquery 弹出框,可以拖动。在任兼容ie6~ie9 firefox 谷歌

    在任兼容ie6~ie9 firefox 谷歌”指的是一个基于jQuery实现的弹出对话框插件,它具有拖动功能,并且兼容Internet Explorer 6到9,以及Firefox和Google Chrome等现代浏览器。这个插件可能采用了jQuery的核心功能,如...

    兼容IE,firefox jquery 创建XML

    本文将深入探讨如何使用jQuery在Internet Explorer(IE)和Firefox这两个主要浏览器中创建XML,以及相关的JavaScript(js)技术。 首先,我们需要理解XML(eXtensible Markup Language),它是一种用于存储和传输...

    ie ,火狐 文本框回车自动提交

    这种功能在多种浏览器中实现的方式可能有所不同,尤其是对于IE(Internet Explorer)和Firefox这两种主流浏览器。本文将深入探讨如何在IE和Firefox中实现文本框回车自动提交的机制,并提供详细的解决方案。 ### IE...

    IE6-IE11兼容性问题列表及解决办法.rar

    3. **DOM操作**:IE6-IE8对DOM操作的实现与W3C标准有出入,这可能影响到元素的添加、删除和遍历。使用jQuery或其他类似的JavaScript库可以帮助统一不同浏览器间的DOM操作。 4. **PNG透明度问题**:IE6对PNG24位图的...

    Jquery版的Execl表头固定,IE,Firefox通过检测

    在本案例中,我们关注的是一个基于Jquery实现的Excel风格的表头固定功能,它已经经过测试,适用于IE和Firefox浏览器,实现了与微软Excel相似的用户体验。 首先,我们需要理解Jquery是什么。Jquery是一个广泛使用的...

Global site tag (gtag.js) - Google Analytics