如何獲得'enter'按鍵按鍵事件監聽器？

Question

這是我下面的代碼：

<div class="search_box"> 
<input type="text" class="search_text" placeholder="search"> 
</div> 

我要的是，如何讓'enter'按鈕事件偵聽器，然後獲取文本框的值？

Answer 1

試試這個：

的Jquery：

$('.search_text').keypress(function(e){ 
    if(e.which == 13){//Enter key pressed 
     // do something here 
    } 
}); 

JS：

document.getElementById("id_of_textbox") 
    .addEventListener("keyup", function(event) { 
    event.preventDefault(); 
    if (event.keyCode == 13) { 
     // Do something 
    } 
}); 

Working Fiddle

Answer 2

一種可能的方式做，這將與keydown事件。

$(document).on('keydown', '.search_text', function (e) { 
 
    var keyCode = e.keyCode || e.which; 
 
    if(keyCode === 13) { 
 
    // prevent default action 
 
    e.preventDefault(); 
 

 
    // get input value 
 
    console.log($(this).val()); 
 
    } 
 
});

Type something and press enter<br> 
 
<input type="text" class="search_text"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>