そのため<input type="search">
、ページに要素を挿入することにしました。Chromeは、値をクリアするためにクリックできる小さなXアイコンをレンダリングします。このアイコンはchange
イベントをトリガーできるようですinput
が、前回からコンテンツが変更された場合に限りblur
ます。
keyup
ユーザーが入力したときに結果を自動的にレンダリングするイベントを処理しているとします。keyup
入力すると、結果がフィルタリングされます(各イベント中にいくつかのajaxが自動的に起動されます)。次に、ユーザーが停止してXアイコンをクリックすると、すべての結果の表示に戻ります。
このシナリオの処理方法がわからないようです。ユーザーが空のボックスから始めると、フォーカスを与えて入力を開始します。ただし、停止してChromeのXボタンをクリックしても、keyup
起動されません(duh)。さらに、ぼやけているchange
場合、検索入力は最初にフォーカスを受け取ったときと同じ状態であるため、イベントは発生しません。
誰かがこの小さなXアイコンをクリックしたときに発生する他のイベントはありますか?click
と同様に処理するkeyup
必要がありますか、それとももっと具体的なものがありますか?