输入框输入完后，点击回车触发查询按钮

Week.D.Awn

于 2019-12-23 22:21:43 发布

阅读量3.2k

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weekdawn/article/details/103674514

版权

12 篇文章

订阅专栏

本文介绍了一种使用jQuery简化网页中输入框与按钮交互的方法，通过监听键盘事件，实现用户在输入框完成输入后，按下回车键即可触发查询按钮，从而提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input id="source_name" type="text" placeholder="请输入资源名称" />
<button id="query">查询</button>

若要在上面的输入框输入完信息后，点击回车触发查询按钮，则如下操作：

$("#source_name").keydown(function(e){
    if(e.keyCode == 13){
    	$("#query").click(function () {
    		myfunc();
    	});
    }
});