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>

如何获得'enter'按钮按键事件监听器？

2 个答案: