ここから本文です

htmlを開いた直後のカーソル位置はどこ?

jgb********さん

2019/6/1510:10:23

htmlを開いた直後のカーソル位置はどこ?

htmlを開いてtabを押すと、ボタンA → ボタンB → ボタンC → ボタンD と移るとします。
ボタンC のonclick内でblurにすればfocusは外れますが、その後にtabを押すと、ボタンDに移ってしまいます。

ページを開いた直後のカーソル位置に戻して、tabを押したらボタンAがfocusされるようにするには、どうしたら良いのでしょうか?

ページを開いた直後には、activeElement.id は””となっていて、どこをfocusさせれば良いか分かりません。

ブラウザは、firefox 67.0.2です。

どうぞよろしくお願いいたします。

閲覧数:
31
回答数:
1
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

jam********さん

2019/6/2111:43:12

カーソルは「ない」状態みたいです。
初期状態でactiveElementをconsole.logなりで見るとbody要素が返りますが、これはただそういう仕様というだけで実際にbody要素にfocusしてるわけではないそうです。

また、見えない要素にfocusすることができないので、bodyにfocus()をさせることもできず。focusをリセットするようなメソッドも無いようです。

こんな感じの関数作れば、それっぽい動作にはなりますが・・・
もっと良い方法があるかも知れません。

function focusClear() {
var obj = document.createElement('button');
obj.setAttribute('id','dummy');
document.body.appendChild(obj);
dummy = document.getElementById('dummy');
dummy.focus();
dummy.remove();
}

※古いブラウザではremove()が機能しないかも
※スペルミスしてたので書き直しました。

質問した人からのコメント

2019/6/21 18:08:07

面白いアイデアですね。ありがとうございました。

あわせて知りたい

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる