0

プルダウン(selectタグ)に対して b を取得していますので b = SELECT となって欲しいものの、どういうわけか b = BODY となってしまう場合があります。

以下ページで activeElement の仕様を確認すると次のような記載がありました。

Document.activeElement - Web API | MDN

どの要素にフォーカスが当たるかは、プラットフォームやブラウザーの現在の設定によって異なります。例えば、 macOS システムでは通常、既定では、テキスト入力要素以外の要素はフォーカスされません。

macOSは使用しておらず、WindowsとChromeの環境で b = BODY が発生するのですが原因分かる方いらっしゃいますでしょうか。

var a = document.activeElement;
var b = a.tagName.toUpperCase();

1 件の回答 1

0

質問文からよく読み取れないのですが、もしかしてfocus(フォーカス)とselect(選択)を混同していたりしませんか?
例えば Tabキーを押してフォーカスを移動した場合にどこに飛びますか? Shift + Tab<select>要素に戻りますか? キー キーでプルダウンの選択内容は更新されますか? そうでなく画面がスクロールしたりしませんか?

などのページでフォーカスの挙動について確認してみてはいかがでしょうか?

3
  • 例えば Tabキーを押してフォーカスを移動した場合にどこに飛びますか? Shift + Tab で<select>要素に戻りますか?→Tabキーを押下でselectに移動でき、Shift + Tabでselcectに戻ります。
    – tai
    Commented 2022年8月8日 11:59
  • <select>要素に戻りますか? ↑キー ↓キーでプルダウンの選択内容は更新されますか? そうでなく画面がスクロールしたりしませんか?→プルダウンの選択内容が更新され、画面がスクロールはされないです。
    – tai
    Commented 2022年8月8日 12:01
  • 質問文からよく読み取れないのですが、もしかしてfocus(フォーカス)とselect(選択)を混同していたりしませんか?→こちら分かりにくくて申し訳ありませんでした。プルダウン(selectタグ)の選択肢を選択した時にソース上にブレークポイントを設置し処理が止まるようにしており、その際にtagnameで取得している要素のタグ名を確認するとbodyの場合とselectの場合がありこれが何が原因でタグ名が変わるのかわからないといった状況です。
    – tai
    Commented 2022年8月8日 12:12

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。