变量值不会改变原因？

Question

下面的代码：

var popupFirstName; 
PopupFirstNameButton.addEventListener('click', function(){ 
    popupFirstName = 'SomeValue'; 
}); 

当我alert(popupFirstName)在一些其他的功能，它说undefined。我如何获得价值？

Answer 1

popupFirstName在它的放置位置有一个本地范围，我们不知道您告诉我们什么。但我想它是在一个函数中，所以范围将在本函数中。你定义的函数继承对该变量的访问;这是该语言的一个便利功能。

如果您想要创建具有全局范围的变量的单个实例，请编写window.popupFirstName。

Answer 2

在哪个浏览器中测试？ Firefox需要第三个参数addEventListener，IE使用完全不同的方法（attachEvent）。

你可以尝试将功能分配给onclick：

PopupFirstNameButton.onclick = function(){ 
    popupFirstName = 'SomeValue'; 
}; 

如果您想了解更多关于高级事件处理和跨浏览器的问题，或有关JavaScript和一般事件，我建议阅读好articles on quirksmode.org。

毫无疑问，必须在设置变量之前点击按钮，并且您调用alert(popupFirstName)的功能必须有权访问该变量。

Answer 3

确保此变量在与调用它的函数相同的块范围内声明。

Answer 4

您错过了addEventListener函数的第三个参数。对于Firefox例如，你将需要：

PopupFirstNameButton.addEventListener('click', function(){ 
    popupFirstName = 'SomeValue'; 
}, false); 

https://developer.mozilla.org/en/DOM/element.addEventListener