jquery - Jquery - 仅在文本框中第一次按下回车键时的事件

Question

我有一个 TextBox，当用户按下 Enter 键时我发出 AJAX 请求。

$('#TextBox1').on('keypress', function(e) {
            var code = (e.keyCode ? e.keyCode : e.which);
            if (code == 13) {
                e.preventDefault();
               // ajax request
            }  
        });

如何使此事件仅在用户第一次按下回车键时触发？

JSFIDDLE

Answer 1

使用 jQuery 的.one()功能。

$('#TextBox1').one('keypress', function(e) {
            var code = (e.keyCode ? e.keyCode : e.which);
            if (code == 13) {
                e.preventDefault();
               // ajax request
            }  
        });

.one()就像.on()但它只执行一次。

jsFiddle 示例

尝试：

var foo = false;
$('#TextBox1').on('keypress', function (e) {
    var code = (e.keyCode ? e.keyCode : e.which);
    if (code == 13 &! foo) {
        e.preventDefault();
        console.log("pressed");
        foo = true;
    }
});

jsFiddle 示例

Answer 2

我有同样的问题，并通过下面的代码解决了......并且它工作正常。我希望这段代码也能帮助你。

var EnterKeyPressed = false;

   $('#TextBox1').keypress(
    function (e) {
        if (e.keyCode == 13 && EnterKeyPressed == false) {
            EnterKeyPressed = true;
            return true;
        }
        if (e.keyCode == 13 && EnterKeyPressed == true) {
            return false;
        }

    });

Answer 3

我陷入了类似的问题。下面的代码对我有用。

var executed = false;
$(document).on("keydown", function () {
  if (executed === false) {
    executeForOnce();
    executed = true;
  }
});