觸發器輸入按鍵不起作用？

Question

我在搜索Stackoverflow時遇到了類似於我正在尋找的問題。然而，當我試圖讓輸入鍵工作時，我查看的所有帖子都無法幫助我實現所要達到的目標。我正在爲FreeCodeCamp開發一個項目，代碼位於Codepen。我不知道什麼是錯的。我只知道它在我按下按鈕（這是搜索圖標）時起作用。

這是我在Codepen代碼：

HTML

<form> 
     <input id="searchkeyword" type="text" placeholder="Search Wikipedia" /> 
     <i id="submitbtn" class="fa fa-search"></i> 
    </form> 

的Javascript

$(document).ready(function() { 

    $("#submitbtn").on("click", getWord); 

    $("#searchkeyword").keypress(function(e){ 
    if(e.which == 13){ 
    $("#submitbtn").on("click", getWord); 
    } 
    }); 

}); 

Answer 1

的輸入<form>內按鍵，默認情況下，將提交表單。如果你不希望這樣的事情發生，你可以通過添加e.preventDefault();

更重要的是，你不點擊按鍵按鈕阻止它 - 你只是再結合 click事件。它需要是$("#submitbtn").click()，沒有on部分。

$(document).ready(function() { 

    $("#submitbtn").on("click", getWord); // .on attaches an event to our button 

    $("#searchkeyword").keypress(function(e){ 
    if(e.which == 13){ 
     e.preventDefault(); 
     $("#submitbtn").click(); // .click triggers the .on("click", ...) event 
    } 
    }); 

});