javascript - 有没有办法让输入框在用户按下回车键时运行某个功能？

Question

现在，当用户单击输入框旁边的按钮时，我会运行该函数。如何让它通过用户单击 Enter 或用户单击按钮来运行。

这是我当前使用的代码:

 <input id="input" type="text">
 <button onclick="exampleFunction()">Run Function</button>

Answer 1

如果您有 jQuery，请将函数绑定(bind)到 submit 处理程序，如下所示:

$("#myForm").submit(function(ev){
  ev.preventDefault();
  myFunction();
});

或者，您可以将该函数绑定(bind)到 keypress 事件，如下所示:

$('#textbox').keypress(function(event){

	var keycode = (event.keyCode ? event.keyCode : event.which);
	if(keycode == '13'){
		doStuff();
	}

});

要使用 jQuery，只需在任何 JavaScript 之前包含此代码即可:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

另请参阅:http://www.mkyong.com/jquery/how-to-check-if-an-enter-key-is-pressed-with-jquery/