当用户按下回车键时,输入框是否有办法运行功能?

时间:2017-02-06 00:31:02

标签: javascript html

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

以下是我目前正在使用的代码:

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

1 个答案:

答案 0 :(得分:2)

如果你有jQuery,请将函数绑定到submit处理程序,如下所示:

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

或者,您可以将函数绑定到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/