1. ホーム
  2. javascript

[解決済み] IE10でクリアアイコン付きのテキスト入力をクリアする際に発生するイベント

2023-05-18 11:36:27

質問

クロームでは、ユーザーがクリアボタンをクリックすると、検索入力で "search"イベントが発生します。

Internet Explorer 10 で、同じイベントを javascript でキャプチャする方法はありますか?

どのように解決するのですか?

私が見つけた唯一の解決策です。

// There are 2 events fired on input element when clicking on the clear button:
// mousedown and mouseup.
$("input").bind("mouseup", function(e){
  var $input = $(this),
      oldValue = $input.val();

  if (oldValue == "") return;

  // When this event is fired after clicking on the clear button
  // the value is not cleared yet. We have to wait for it.
  setTimeout(function(){
    var newValue = $input.val();

    if (newValue == ""){
      // Gotcha
      $input.trigger("cleared");
    }
  }, 1);
});