Javascript - 使用带有 Tab 键和焦点功能的 EventListener

Question

我一直在搜索，但没有找到任何可以解决我的问题的特定线程。

我正在尝试使用 JavaScript 编写事件监听器或条件操作，当用户选择 TAB 键并将焦点转移到屏幕上的相应元素时，该操作会使用react。

当前 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">