Event fired when clearing text input on IE10 with clear icon

by

The only solution I finally found:

// 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);
});

More Related Contents:

  1. JavaScript: remove event listener
  2. How do I target only Internet Explorer 10 for certain situations like Internet Explorer-specific CSS or Internet Explorer-specific JavaScript code?
  3. What is the difference between the mouseover and mouseenter events?
  4. How do I cancel form submission in submit button onclick event?
  5. Difference between “change” and “input” event for an `input` element
  6. Resize event for textarea?
  7. Attach a body onload event with JS
  8. How to handle floats and decimal separators with html5 input type number
  9. Detecting when Iframe content has loaded (Cross browser)
  10. Changing the keypress
  11. Socket.io Client: respond to all events with one handler?
  12. adding event listener cross browser [closed]
  13. Detect double tap on ipad or iphone screen using javascript
  14. How to detect if DOMContentLoaded was fired
  15. blur event.relatedTarget returns null
  16. Handling “onclick” event with pure JavaScript
  17. Event when input value is changed by JavaScript?
  18. Monitor all JavaScript events in the browser console
  19. Create JavaScript custom event
  20. How can I stop an onclick event from firing for parent element when child is clicked?
  21. Capture event onclose browser
  22. List all javascript events wired up on a page using jquery
  23. JavaScript add events cross-browser function implementation: use attachEvent/addEventListener vs inline events
  24. Listen for changes with localStorage on the same window
  25. Angular2 – catch/subscribe to (click) event in dynamically added HTML
  26. addEventListener to iFrame
  27. Hot to get incomplete datetime-local input values
  28. How can I remove a JavaScript event listener?
  29. Add multiple window.onload events
  30. Replacement for deprecated `keypress` DOM event

Leave a Comment