Javascript-將EventListener與Tab鍵和焦點功能一起使用

Question

我一直在搜索，但沒有找到解決我問題的任何特定線程。

我正在嘗試使用JavaScript編寫事件偵聽器或條件操作，以在用戶選擇TAB鍵並將焦點移至屏幕上的適當元素時做出反應。

當前的DIV id集中在屏幕=> id =“ Slide14549accStr2”當用戶選擇TAB鍵時，我希望用戶的焦點立即轉移到DIV id“ Titleinformation_tb”。 我無法更改HTML中的TabIndex以正常方式執行此操作，因此我只能使用某種形式的javascript。

這是我到目前為止所擁有的。

document.getElementById('Slide14549accStr2').addEventListener('keydown') {
  if event.keyCode == 9) {
  var elem =
    document.getElementById('Titleinformation_tb');
  $(elem).focus();
};

我將不勝感激任何幫助和反饋。

Answer 1

如果只修復所有語法錯誤，它就可以正常工作，但是您也應該阻止默認操作，以確保它不會跳至下一個元素

 document.getElementById('Slide14549accStr2').addEventListener('keydown', function(event) { if (event.keyCode == 9) { event.preventDefault(); var elem = document.getElementById('Titleinformation_tb'); elem.focus(); } }); 

 <input id="Slide14549accStr2" placeholder="Focus this, and tab out"> <br><br><br> <input><input><input> <br><br><br> <input id="Titleinformation_tb" placeholder="Should go here"> 

Answer 2

您缺少函數調用。

document.getElementById('Slide14549accStr2')
.addEventListener('keydown',function(e){
 if (event.keyCode == 9){
    var elem = document.getElementById('Titleinformation_tb');
  $(elem).focus();
 }
});