jQuery文檔已准備就緒，並按鍵可以調用一個函數

Question

我試圖將其作為文檔准備好功能，當按下Enter鍵時觸發該功能，但我不斷收到錯誤消息“ enableEnter未定義”。

    $(document).ready(enableEnter());

    $('#formPartOverride').keypress(function enableEnter(event) {
        if (event.keyCode == 13) {
            event.preventDefault();
            ezpConsole.partOverride.retrieveParts();
        }
    });

Answer 1

這是實現此目標的正確方法：

$(document).ready(function () {
    // When the DOM is ready, attach the event handler.
    $('#formPartOverride').keypress(function (event) {            
        enableEnter(event);
    });
});

// enableEnter is accessible in the whole page scope.
function enableEnter(event) {
    if (event.keyCode == 13) {
        event.preventDefault();
        ezpConsole.partOverride.retrieveParts();
    }
}

例

Answer 2

在enableEnter()函數之外創建函數enableEnter() keypress1 function - it is only defined in the scope of the enableEnter()函數的作用enableEnter() keypress1 function - it is only defined in the scope of the function, so will not be available to anything above that specific scope. You could encase the entire script inside the function, so will not be available to anything above that specific scope. You could encase the entire script inside the $（document）.ready（）`函數中，例如：

  $(document).ready(function() {

    $('#formPartOverride').keypress(function enableEnter(event) {
        if (event.keyCode == 13) {
            event.preventDefault();
            ezpConsole.partOverride.retrieveParts();
        }
    });

});

這將等待文檔准備好使隨附的腳本可用。