變量值不會改變原因？

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