モバイル向けテキストボックスを作る
クリアボタンが肝
フォーカスの時に表示されて、クリックしてもinputからフォーカスが外れない
https://codepen.io/QsZyN/pen/NWQJrar
event.preventDefault();
が
フォーカス
を外さないために重要
クリアボタンの表示は CSSの実装のみで良い
formの中にある場合,submitを発火させないためには,
type="button"
をつける
フォーカスイベント発火は開発者モードでは動かない
ので注意
イベントは
click
ではなく,
mousedown