keydown上的javascript焦點搜索表單？ （問號）

Question

當使用Javascript按下這兩個鍵時，如何關注搜索表單輸入字段？

移 + /將生成？

所以基本上，在問號的關鍵字上，搜索表單會自動聚焦。

---

這是我目前的自舉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

檢查這個代碼。

創建一個對象來存儲按鍵並添加一個eventListener，將每個按鍵添加到該對象。

然後檢查該鍵碼移（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>

Answer 2

這工作，但也許你建議更乾淨的解決方案？

<script type="text/javascript"> 
$(document).keyup('keyup', function(event){ 
    if(event.which === 191) { 
     $('#inputMessage').focus(); 
    } 
}); 
</script> 

也許它不應該是KEYUP或者可能重點是不是最好的。 Whatcha認爲？我正在尋找獲得成果的絕對優越方式。

Answer 3

嘗試

$(document).on('keypress',function(e){ 
    if(e.keyCode == 63) { 
     $("#inputMessage").focus() 
    } 
}); 

Answer 4

這項工作。你必須與/按鍵的鍵碼使用事件e.shiftKey（我用的219，因爲它是在意大利的鍵盤佈局的位置？）

$(document).on('keydown', function(e){ 
 
    if(e.shiftKey && e.keyCode == 219) 
 
    { 
 
    $("#search").focus(); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="search">