JavaScript刪除jQuery事件並獲取用戶輸入

Question

我嘗試使用的JavaScript代碼存在問題。我試圖調用一個函數來設置一個事件處理程序，並在該事件處理程序中也調用該事件時將其刪除。在這個特定的實例中，我試圖在需要輸入時添加一個事件處理函數，然後將回調函數傳遞給函數，並在輸入準備就緒時運行代碼。同樣在這個階段，我嘗試刪除它，所以回調不會觸發多次，但似乎有這個問題。下面是代碼：

this.validateInput = function(NaN, callback) { 

    // Wait for the user to click submit or press 
    // enter, then if the input is a valid number 
    // return true. If it is not valid return false 
    $(document).keydown(function(e) { 

     // If the enter key is pressed, if the box is focused and if 
     if (e.which == 13 && $("#inputBox").is(":focus")) { 

      // Print the user's input regardless of whether it is a 
      // number or not. 
      var newOutput = $("#inputBox").val() 
      $("#output").append(newOutput + "<br>"); 
      // If the user wants the input to be a number then 
      // the program checks if the input is not numerical. 
      if (NaN && !isNaN($("#inputBox").val())) { 

       // Get input from screen 
       var newInput = $("#inputBox").val(); 

       // Remove this handler 
       this.removeKeyhandler(); 

       // Call the code passed to the function 
       callback(newInput); 

       // Return from the function. 
       return; 

      // This checks if the user wants non-number input 
      // and runs the following code IF the input is not numerical 
      } else if (!NaN && isNaN($("#inputBox").val())) { 

       // Get input from screen 
       var newInput = $("#inputBox").val(); 

       // Remove this handler 
       this.removeKeyhandler(); 

       // Call the code passed to the function 
       callback(newInput); 

       // Return from the function 
       return; 
      } 
     } 
    }); 


} 

僅供參考，#inputBox是一個輸入框，#output是<div>我試圖輸出，並且只需removeKeyHandler()包含的代碼$(document).off("keydown", document);。如果你想看到完整的文件/項目，它是here。

似乎沒有工作的唯一事情是事件處理程序沒有刪除，它會一直保持多次添加輸入。如果你下載project並打開index.html你應該明白我的意思。

Answer 1

我看到你的問題..你的「這個」你指的是你的代碼是不正確的範圍..

簡單的做到這些：

function display() { 
    var ref = this; 

} 

現在更換這些：

this.removeKeyhandler(); 

與此：

ref.removeKeyhandler(); 

同樣在您的移除功能中將其更改爲：

$(document).off("keydown"); 

祝你好運！