How do I programmatically trigger an “input” event without jQuery?

by

The proper way to trigger an event with plain JavaScript, would be to create an Event object, and dispatch it

var event = new Event('input', {
    bubbles: true,
    cancelable: true,
});
  
element.dispatchEvent(event);

Or, as a simple one-liner:

element.dispatchEvent(new Event('input', {bubbles:true}));

FIDDLE

This is not supported in IE, for that the old-fashioned way still has to be used

var event = document.createEvent('Event');
event.initEvent('input', true, true);

elem.dispatchEvent(event);

More Related Contents:

  1. How can I remove a specific item from an array?
  2. How do I check if an element is hidden in jQuery?
  3. How to check whether a string contains a substring in JavaScript?
  4. How does data binding work in AngularJS?
  5. JavaScript inheritance and the constructor property
  6. How can I select an element by name with jQuery?
  7. jQuery object and DOM element
  8. How do you clone an array of objects in JavaScript?
  9. Is there a way to return a list of all the image file names from a folder using only Javascript?
  10. How can I use ranges in a switch case statement using JavaScript?
  11. React Native: require() with Dynamic String?
  12. Pass arguments with page.evaluate
  13. How to keep an Javascript object/array ordered while also maintaining key lookups?
  14. How does setInterval and setTimeout work?
  15. JavaScript listener, “keypress” doesn’t detect backspace?
  16. Remove zero-width space characters from a JavaScript string
  17. Can I construct a JavaScript object without using the new keyword?
  18. Defer Attribute (Chrome)
  19. jQuery.getScript alternative in native JavaScript
  20. How to stop an animated gif from looping
  21. Fetch image from API
  22. Is there a ‘has focus’ in JavaScript (or jQuery)?
  23. How to detect when history.pushState and history.replaceState are used? [duplicate]
  24. ReactJs: Prevent multiple times button press
  25. Animating Multiple Markers
  26. XML parser for JavaScript [closed]
  27. What’s the purpose of using Function.call.apply in JavaScript?
  28. Javascript: wait until ajax request finishes to close page [duplicate]
  29. React Functional component: calling as function vs. as component
  30. Validate Dynamically Added Input fields

Leave a Comment