将 onClick 替换为 addEventListener

Replacing onClick with addEventListener

本文关键字：addEventListener 替换 onClick 更新时间：2023-09-26

我正在尝试将脚本完全删除到外部.js文件中，并将onClick事件替换为外部文件中的addEventListener。我无法让它工作：

http://jsfiddle.net/kjmatthews/DE26x/

我的函数有点复杂，但这本质上是从 http://jsfiddle.net/madBYK/UumUP/复制的，从element.addEventListener上的 developer.mozilla.org 页面链接。

将onclick="return hidePurchased();"添加到<input>标签确实有效，因此问题不在于hidePurchased()函数。

任何帮助将不胜感激！

> getElementsByName返回一个NodeList，它没有addEventListener方法，所以你需要通过取消引用结果来实际选择你打算绑定点击侦听器

的人

尝试：

var foo = document.getElementsByName("hide")[0];

工作示例：

http://jsfiddle.net/DE26x/9/

你去吧。 http://jsfiddle.net/DE26x/8/据我所知，您只是忘记选择 foo 数组的第一个索引。它现在似乎正在工作。检查一下，你会看到它对这个东西没有显示类。我还添加了 css 来隐藏 noshow，以便您可以看到它的工作。