keydown 回车键回车事件多次触发 onblur 失去焦点事件

金正则

于 2022-07-15 10:48:20 发布

阅读量1.4k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： js jsp html 文章标签：前端 javascript

本文链接：https://blog.youkuaiyun.com/alenejinping/article/details/125799423

js 同时被 2 个专栏收录

20 篇文章

订阅专栏

jsp html

12 篇文章

订阅专栏

本文介绍了在JavaScript中遇到的一个问题：当用户在输入框中按下回车键时，同时触发了查询事件和失去焦点事件，导致查询事件被多次调用。为了解决这个问题，提出了一个解决方案：在回车事件中手动触发失去焦点事件，并通过`return false`阻止默认行为，从而避免事件重复触发。示例代码展示了如何在jQuery中实现这一功能。

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

1需求： 同一个input 需要失去焦点时，触发查询事件；回车键时，触发查询事件。
2现象：回车事件会自动触发onblur事件，使得查询事件多次被调用；（因为回车事件也失去了焦点）
3解决方法：回车事件触发辅助函数，该函数触发失去焦点事件即刻；
4代码：
jsp：<input id="cardno"   onblur="search()" type="text" >

js：

<script type="text/javascript">
    $(function(){
     
        $("#cardno").keydown(function(e){
            if(e.keyCode == 13){
                $("#cardno").blur();
                return false; //如果没有return false，search（）会调用两遍，
            }
        })

}）

function search（）{

}