javascript - 在输入字段中捕获 按下多次触发

Question

问题陈述:我已经实现了 this 中描述的代码Stack Overflow 答案， try catch 用户在文本中按下应答键的情况 <input> 。该代码用于捕获 Enter 键，但是，按下 Enter 键后，函数体继续运行。本质上，只要按下回车键，该函数就会无限运行。 理想的行为是让用户按 Enter 键，然后调用该函数一次。

我尝试过什么来解决我的问题？

以下是我原来的 jQuery。

$(function(){
    $("#maininput").keyup(function (e) {
        if (e.keyCode == 13) {
            alert("Enter was Pressed while in input ")       
        }
    });
});

按下 Enter 键后，它会无限运行。因此，我开始寻找更多的 Stack Overflow 条目，并发现了类似 this 的线程。谈论使用 return false或e.preventDefault() 。我尝试实现 return false并有以下代码:

$(function(){
    $("#maininput").keyup(function (e) {
        if (e.keyCode == 13) {
            alert("")       
        }
        return false;
    });
});

但是，即使是 return false没有修复它。然后我替换了return false与 e.preventDefault()但这不起作用。可以找到 JSFiddle here 。

我的代码出了什么问题，如何修复它？

Answer 1

您发布的代码中的任何内容都不会导致 keyup 函数重复运行，但也许您需要消除函数的反跳。

https://css-tricks.com/the-difference-between-throttling-and-debouncing/

http://benalman.com/projects/jquery-throttle-debounce-plugin/

此外，您使用 return false 和 e.preventDefault() 的方法是正确的。以下是对两者之间差异的详细解释:

https://css-tricks.com/return-false-and-prevent-default/