More than 1 year has passed since last update.

Svelteフォーカス時の動き（キーボードTab移動）

Last updated at 2023-06-22Posted at 2023-06-22

Svelte

<div 
    on:focus={hoge}
    on:blur={fuga}
>
    <button>ボタン</button>
</div>

みたいな感じでキーボードのタブ動作でbuttonにフォーカスが当たった時、
on:focus　では子要素にフォーカスが当たっても発火してくれないため
関数`hoge‘が動かなくてはまってしまった。

<div 
    on:focusin={hoge}
    on:focusout={fuga}
>
    <button>ボタン</button>
</div>

とすれば子要素にフォーカスがあたったときも検知して発火してくれるようになった。

けど・・・ChatGPTなどでは
「Svelteでは、on:focusinという特定のディレクティブは提供されていません。」
との事。　ChatGPTが情報を拾い切れていないだけだといいけど・・・

ちなみに
safari
chrome
Edge
fireFox
ではちゃんと動作したので問題ない　　　と思いたい。（他のブラウザは確認してない）