[JavaScript] Enterキーでフォーカス移動する

投稿日：2018年3月3日更新日：2018年5月2日

Enterキーでフォーカス移動するサンプルです。

サンプルソース

例）Enterキーを押すとフォーカス移動する

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Sample</title>
<script>
function keydown(e){
  if(e.keyCode === 13){
    var obj = document.activeElement;
    obj.nextElementSibling.focus();
  }
}

window.onkeydown = keydown;
</script>
</head>
<body>
  <input type="text" />
  <input type="checkbox" />
  <input type="text" />
  <input type="radio" />
</body>
</html>

<!DOCTYPE html>

<head>

<title>Sample</title>

function keydown(e){

if(e.keyCode === 13){

var obj = document.activeElement;

obj.nextElementSibling.focus();

}

window.onkeydown = keydown;

</script>

</head>

<body>

</body>

</html>

解説

document.activeElement で現在アクティブなコントロールが取得できます。
nextElementSiblingで、次のコントロールが取得できます。

執筆者：とら