「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：keydownイベントとなり、これを行うに

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

Working Fiddle

Answer 2

可能な方法の1つを。

$(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>