keydown 上的 javascript 焦点搜索表单？ (问号)

Question

当使用 Javascript 按下这两个键时，我如何聚焦搜索表单输入字段？

shift + / 将生成 ?

所以基本上，在按下问号键时，搜索表单会自动对焦。

---

这是我当前的 bootstrap 3 搜索表单代码:

<form class="navbar-form navbar-right" role="form" method="post" action="{$WEB_ROOT}/knowledgebase.php?action=search">
    <div class="form-group">
        <input id="inputMessage" class="form-control" placeholder="Search website.com" type="text" name="search">
    </div>
    <button type="submit" class="btn btn-default"></button>
</form>

Answer 1

检查这段代码。

创建一个对象来存储按键并添加一个事件监听器，它将每个按键按下添加到对象。

然后检查键码 Shift(16) 和 /(191)

var map = {}; //to store the keycodes
onkeydown = onkeyup = function(e){
    e = e || event;
    
    map[e.keyCode] = e.type == 'keydown';
    
    if(map["16"]==true && map["191"]==true){  // 16 => shift and 191 /
      e.preventDefault();
      var elm=document.getElementById('inputMessage');
      elm.focus();
      
    }
    /* insert conditional here */
}

<form class="navbar-form navbar-right" role="form" method="post" action="{$WEB_ROOT}/knowledgebase.php?action=search">
    <div class="form-group">
        <input id="inputMessage" class="form-control" placeholder="Search website.com" type="text" name="search">
    </div>
    <button type="submit" class="btn btn-default"></button>
</form>