用addEventListener替換onClick

Question

我試圖完全刪除一個腳本到外部.js文件，並用外部文件中的addEventListener替換onClick事件。我不能得到這個工作：

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

我的函數是一個稍微複雜一些，但基本上從http://jsfiddle.net/madBYK/UumUP/複製，從developer.mozilla.org page上element.addEventListener鏈接。

添加onclick="return hidePurchased();"到<input>標籤確實工作，所以這個問題是不是與hidePurchased()功能。

任何幫助將不勝感激！

Answer 1

getElementsByName返回NodeList，不具有addEventListener方法，所以你需要實際，提領結果

嘗試選擇您正打算點擊監聽綁定的傢伙：

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

工作例如：

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

Answer 2

這裏你去。 http://jsfiddle.net/DE26x/8/從我所知道的，你只會忘記選擇foo數組的第一個索引。它現在似乎正在工作。檢查一下，你會發現它在這件事上沒有任何一堂課。我還添加了css來隱藏noshow，以便您可以看到它的工作。