Skip to main content
2 / 2
本文から 127 文字削除
cubick
  • 2.1万
  • 5
  • 27
  • 64

tagnameで取得した要素がSELECTではなくBODYになる

プルダウン(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();