javascript - 无法向按钮添加事件

Question

我正在开发这个 Windows 8 测试应用程序，并且正在使用网格应用程序模板。在 itemDetail.html 中，我有以下 HTML 代码(我删除了该 div 中的所有其他代码并添加了此按钮，其余 html 保持不变):

<div class="item-info">
     <button id="menuLink">Get me the menu</button>
</div>

我在itemDetail.js中的Pages.define函数的ready成员中添加了以下JS代码:

var menuButton = document.getElementById("menuLink");
menuButton.setAttribute("onclick", "menuButtonClickHandler()");

menuButtonClickHandler() 函数在 Pages.define 函数之后声明，代码如下:

function menuButtonClickHandler() {
    var messageDialog = new Windows.UI.Popups.MessageDialog("Here's your menu");
    }

当我单击按钮时，出现以下异常:

0x800a1391 - JavaScript runtime error: 'menuButtonClickHandler' is undefined

我应该在哪里“定义”这个函数？该模板正在使用 JS 文件中该函数已经存在的所有其他代码，因此该函数应该可供它使用。

另外，由于一些奇怪的原因，如果我使用 addEventListener，我什至无法添加事件:

menuButton.addEventListener("click", buttonClickHandler, false);

Answer 1

您尝试添加事件监听器的方式非常肮脏并且显然不起作用。尝试这样的事情:

var menuButton = document.getElementById("menuLink");
menuButton.addEventListener("click", function(){
     //do something
}, false);