Question

如标题所示，我想在输入字段外输入时输入输入字段使用当前代码，当我在外面输入时，我可以专注于输入字段，但似乎无法按下我按下的键。请帮忙..

喜欢在google.com上输入而不关注输入字段。

<form id="searchForm" name="search">
<input id="searchBox" name="search_text">
</form>

<script type="text/javascript">

        $("body").on("keyup", function(e) {
            $("#searchForm[name='search_text']").focus();
        });
</script>

Answer 1

你只能使用Javascript（不需要jQuery）：

function inputFocus(){
   document.getElementById("searchBox").focus();
}
   window.onkeydown = inputFocus;

请参阅the working DEMO。

Answer 2

试试这个例子：

＆＃13;

$(function() {
  $(document).on("keydown", function(e) {
    e.stopPropagation();
    $("#searchBox").focus();
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="searchForm" name="search">
  <input id="searchBox" name="search_text">
</form>

＆＃13;

Answer 3

试试这个：

<style>
body, div, input {
   color: #afa;
   text-shadow: 0px 0px 1px #fff;
}
<style>
<input id="searchBox" name="search_text" style="color: transparent">
<script type="text/javascript">
    $("body").on("keyup", function(e) {
        $("#searchBox").focus();
    });
 </script>

使用javascript在输入字段外键入时，将焦点和输入到输入字段中

3 个答案: