使用 jQuery .keydown() 插入字符后继续输入答案

【问题标题】：Continue typing after inserting character with jQuery .keydown()使用 jQuery .keydown() 插入字符后继续输入
【发布时间】：2020-11-05 16:39:58
【问题描述】：

我有一个简单的输入，一旦我开始输入，它就会自动添加字符“@”。到目前为止，我使用 .keydown() 函数获得了 jQuery 所需的一切，但是一旦插入字符“@”，我就无法继续输入。

如何使我可以在@之后继续输入？

let input = document.getElementsByClassName("custom-input");

$("input").keydown(function(){
    $(input).val("@");
  });

谢谢

【问题讨论】：

标签： javascript html jquery forms input

【解决方案1】：

考虑到第一个字符总是@，你可以检查它是否存在

$('.custom-input').on('keydown', function() {
    // custom-input reference
    var $this = $(this);
    if($this.val().charAt(0) === '@') {
        return;
    } else {
        $(this).val('@' + $this.val());
    }
});

【讨论】：

【解决方案2】：

我找到了我要找的东西。好吧，至少它解决了我的问题。

我刚刚使用了 .focus() 函数，现在一旦我聚焦它就会添加 @ 然后我可以输入。

【讨论】：