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);