jjzjj

javascript - IE 不允许动态创建的 DOM 'a' 元素上的 onClick 事件

coder 2024-07-23 原文

我在使用 Internet Explorer 时遇到问题。我有一个链接，它复制了表单上的文件上传元素。重复的代码还会将超链接附加到重复的上传元素，该元素应该删除重复的元素，只需简单地删除此链接即可。

问题是这段代码在 firefox 中运行良好，但在 IE 中根本无法运行。忘记代码是如何写出来的——我附加到元素的 onClick 事件根本没有触发!

我正在函数中像这样创建删除链接元素:

var a = document.createElement('a');
a.setAttribute('href', "javascript:void(0);");
a.setAttribute('class', 'delete');
a.setAttribute('onClick', 'removeThisElement(idOfParentContainer, this)');

container.appendChild(a);

这在 firefox 中工作正常，但在 IE 中根本不触发。我使用 IE 检查器检查了 dom，链接呈现得很好，但是附加到它的类没有呈现或应用，也没有触发事件，即使它已经物理地附加到 html 上的链接。出于某种原因，无论我在其中输入什么代码，onClick 事件甚至都不会触发，即使它是一个警报。我在这里错过了什么吗？ :(

很好，通过使用 AddEvent 附加事件解决了问题的一部分，但是为什么没有 css 渲染我的意思是附加到元素的类由于一些奇怪的原因根本没有渲染:(

确实是个好建议 - 我正在重写我的代码以避免 setAttribute 函数，而是将所有这些 DOM 操作移植到 jquery。感谢大家的帮助

最佳答案

事件处理程序不是 DOM 属性，该属性仅存在于标记中 - 我不确定为什么 FF 同意这个。我现在会去研究，因为我想知道。

更新:关于事件处理程序是否是 DOM 有效属性似乎是复杂的感觉。在我看来这是 MS 的错，因为它们在内部不将它们视为属性，而 HTML 规范表明它们非常如此。这样做的直接后果是!IE 会认为属性不能在 IE 中使用 setAttribute 设置，包括事件处理程序绑定(bind)，重要的还有样式、类和名称。显然 IE8 修复了这个问题，但我还没有安装它，所以我无法检查。

与此同时，对于事件绑定(bind)，请使用 addEventListener/attachEvent相反，或者(不太好，因为它是直接分配)将 a.onclick 直接设置为您的目标方法(或者更可能是您的方法的闭包)。

要修复未正确应用的样式，请使用 element.style = foo; 或(更好)element.className = bar。

本质上是 setAttribute 的问题。避免使用它。

For reference...

关于javascript - IE 不允许动态创建的 DOM 'a' 元素上的 onClick 事件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/771721/

javascriptampsectionsetAttributestrongcssinternet-explorerfirefoxevents

有关javascript - IE 不允许动态创建的 DOM 'a' 元素上的 onClick 事件的更多相关文章

  1. ruby-on-rails - rails : "missing partial" when calling 'render' in RSpec test - 2

    我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身，new.html.erb，有代码:当我运行rspec时，它失败了:1)messages/new.html.erbshou

  2. ruby-on-rails - 'compass watch' 是如何工作的/它是如何与 rails 一起使用的 - 2

    我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗？当我运行compasswatch时，它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行？文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们？我自己编译的.sass文件编译成compiled/t

  3. ruby-on-rails - Rails 3.2.1 中 ActionMailer 中的未定义方法 'default_content_type=' - 2

    我在我的项目中添加了一个系统来重置用户密码并通过电子邮件将密码发送给他，以防他忘记密码。昨天它运行良好(当我实现它时)。当我今天尝试启动服务器时，出现以下错误。=>BootingWEBrick=>Rails3.2.1applicationstartingindevelopmentonhttp://0.0.0.0:3000=>Callwith-dtodetach=>Ctrl-CtoshutdownserverExiting/Users/vinayshenoy/.rvm/gems/ruby-1.9.3-p0/gems/actionmailer-3.2.1/lib/action_mailer

  4. ruby - 在 jRuby 中使用 'fork' 生成进程的替代方案？ - 2

    在MRIRuby中我可以这样做:deftransferinternal_server=self.init_serverpid=forkdointernal_server.runend#Maketheserverprocessrunindependently.Process.detach(pid)internal_client=self.init_client#Dootherstuffwithconnectingtointernal_server...internal_client.post('somedata')ensure#KillserverProcess.kill('KILL',

  5. ruby - 主要 :Object when running build from sublime 的未定义方法 `require_relative' - 2

    我已经从我的命令行中获得了一切，所以我可以运行rubymyfile并且它可以正常工作。但是当我尝试从sublime中运行它时，我得到了undefinedmethod`require_relative'formain:Object有人知道我的sublime设置中缺少什么吗？我正在使用OSX并安装了rvm。 最佳答案 或者，您可以只使用“require”，它应该可以正常工作。我认为“require_relative”仅适用于ruby​​1.9+ 关于ruby-主要:Objectwhenrun

  6. ruby - 无法让 RSpec 工作—— 'require' : cannot load such file - 2

    我花了三天的时间用头撞墙，试图弄清楚为什么简单的“rake”不能通过我的规范文件。如果您遇到这种情况:任何文件夹路径中都不要有空格!。严重地。事实上，从现在开始，您命名的任何内容都没有空格。这是我的控制台输出:(在/Users/*****/Desktop/LearningRuby/learn_ruby)$rake/Users/*******/Desktop/LearningRuby/learn_ruby/00_hello/hello_spec.rb:116:in`require':cannotloadsuchfile--hello(LoadError) 最佳

  7. ruby-on-rails - 新 Rails 项目 : 'bundle install' can't install rails in gemfile - 2

    我已经像这样安装了一个新的Rails项目:$railsnewsite它执行并到达:bundleinstall但是当它似乎尝试安装依赖项时我得到了这个错误Gem::Ext::BuildError:ERROR:Failedtobuildgemnativeextension./System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/rubyextconf.rbcheckingforlibkern/OSAtomic.h...yescreatingMakefilemake"DESTDIR="cleanmake"DESTDIR="

  8. ruby-on-rails - rspec should have_select ('cars' , :options => ['volvo' , 'saab' ] 不工作 - 2

    关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗？通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion在首页我有:汽车:VolvoSaabMercedesAudistatic_pages_spec.rb中的测试代码:it"shouldhavetherightselect"dovisithome_pathit{shouldhave_select('cars',:options=>['volvo','saab','mercedes','audi'])}end响应是rspec./spec/request

  9. ruby-on-rails - date_field_tag，如何设置默认日期？ [ rails 上的 ruby ] - 2

    我想设置一个默认日期，例如实际日期，我该如何设置？还有如何在组合框中设置默认值顺便问一下，date_field_tag和date_field之间有什么区别？ 最佳答案 试试这个:将默认日期作为第二个参数传递。youcorrectlysetthedefaultvalueofcomboboxasshowninyourquestion. 关于ruby-on-rails-date_field_tag，如何设置默认日期？[rails上的ruby]，我们在StackOverflow上找到一个类似的问

  10. ruby-on-rails - openshift 上的 rails 控制台 - 2

    我将我的Rails应用程序部署到OpenShift，它运行良好，但我无法在生产服务器上运行“Rails控制台”。它给了我这个错误。我该如何解决这个问题？我尝试更新ruby​​gems，但它也给出了权限被拒绝的错误，我也无法做到。railsc错误:Warning:You'reusingRubygems1.8.24withSpring.UpgradetoatleastRubygems2.1.0andrun`gempristine--all`forbetterstartupperformance./opt/rh/ruby193/root/usr/share/rubygems/rubygems

随机推荐