为什么 keyup 上的 Escape 键再次显示文本框值

Question

我有一个非常简单的 JavaScript 函数，可以在 Escape 键按下时清除文本框。

    $("#txtTerm").keyup(function (e) {
        if (e.keyCode == 27 ) {
            $("#txtTerm").val('');
            } 
    });

它实际上工作得很好，

问题：当我再次按下 Escape 键时，我在文本框中得到旧的 textBox 值，当我释放 Esc 键时，文本框中的值再次清除，

场景：在文本框中输入一些值，让我们说：“印度”。
现在，我按 ESCAPE，文本框变为空“”；

现在文本框是空的。

再次，如果我开始按 ESCAPE（当文本框为空时），那一刻我在文本框中看到“印度” 并且松开ESCAPE键后，Textbox再次清空。

是否有任何可能的解决方案，或者听起来像是错误或某些安全问题？

更新：

不知何故，它没有在小提琴中复制， 但这里的链接显示其他一些人也面临同样的问题。 https://bugzilla.mozilla.org/show_bug.cgi?id=524360

Answer 1

试试这个

$("#txtTerm").keyup(function (e) {
        if (e.keyCode == 27 ) {
            $("#txtTerm").val(' ');
            $("#txtTerm").blur() // Loose focus on input field
            } 
})

DEMO