检测出焦点击键，集中输入并填充它（jquery）

Question

我遇到了一些功能问题。

当没有输入焦点时，我想要捕获用户按键，专注于特定输入，然后将所有已开始输入的文本输入到该输入中，然后输入任何前进的内容，直到他们移除焦点那个输入。

我的问题似乎是由于jquery的滞后？如果你开始输入“这仅仅是一个测试”成以下的jsfiddle

https://jsfiddle.net/bjgngayq/1/

HTML: <input type="text" id="search" /> 

JS: 
$(function() { 
    $(document).on('keypress', function(e) { 
     var tag = e.target.tagName.toLowerCase(); 
     if (e.which === 115 && tag != 'input' && tag != 'textarea' && tag != 'select') { 
      $('#search').focus(); 
      $('#search').val(String.fromCharCode(e.which)); 
     } 
    }); 
}); 

这似乎跳过前几个字母“氏”，然后加倍最后一个按键，你结束了“ ss只是一个测试“

可以有人（如果知道）在为什么这是发生和在哪里看。我正在寻找更多的原因而不是解决方案 - 如果我了解问题，我可以找出解决方案。

干杯。

Answer 1

“Thi”被截断的原因是因为input在输入“s”之前没有被聚焦。这是因为在您的情况中包含了e.which === 115。

你得到一个双“SS”的原因是因为你从实际按“S”键得到一个“s”手动从这一行$('#search').val(String.fromCharCode(e.which))，但随后又另一个“S”自动。

这应该做的伎俩：

$(function() { 
    $(document).on('keypress', function(e) { 
     var tag = e.target.tagName.toLowerCase(); 
     if (tag != 'input' && tag != 'textarea' && tag != 'select') { 
      $('#search').focus(); 
     } 
    }); 
}); 

或者，你可以更改为keyup事件，所以自动“S”没有得到类型，因为input不会获得焦点，直到后来。

工作小提琴：https://jsfiddle.net/bjgngayq/3/