jquery - jquery-mobileで検索ボックスのクリアイベントを取得する方法

Question

検索ボックスを定義する 入力ボックスにテキストがある場合、入力ボックスにクリア ボタンが表示されます。クリア ボタンのクリック イベントを取得するにはどうすればよいですか?

<label for="search-mini">Search Input:</label>
<input type="search" name="search-mini" id="search-mini" value="" data-mini="true" />

Answer 1

を使用した入力は、クラスを持つ明確なアンカー ボタンでtype=search強化されます。次のように、そのボタンにイベントを添付できます。<a>ui-input-clear

デモ

$(document).on('click', '.ui-input-clear', function () {
  alert('text cleared');
});