onchange event not fire when the change come from another function

by

From the fine manual:

change
The change event occurs when a control loses the input focus and its value has been modified since gaining focus. This event is valid for INPUT, SELECT, and TEXTAREA. element.

When you modify the text input’s value through code, the change event will not be fired because there is no focus change. You can trigger the event yourself though with createEvent and dispatchEvent, for example:

el = document.getElementById('x');
ev = document.createEvent('Event');
ev.initEvent('change', true, false);
el.dispatchEvent(ev);

And a live version: http://jsfiddle.net/ambiguous/nH8CH/

More Related Contents:

  1. Is it possible to simulate key press events programmatically?
  2. How to simulate a mouse click using JavaScript?
  3. Trigger a keypress/keydown/keyup event in JS/jQuery?
  4. How to find out what character key is pressed?
  5. Document.write clears page
  6. How can I trigger an onchange event manually? [duplicate]
  7. How do I capture response of form.submit
  8. Manipulating innerHTML removes the event handler of a child element? [duplicate]
  9. How does a function in a loop (which returns another function) work? [duplicate]
  10. How to pass parameter to function using in addEventListener?
  11. How do you log all events fired by an element in jQuery?
  12. Javascript trick for ‘paste as plain text` in execCommand
  13. Are there any standards for mobile device web browsers in terms of thread sleeping? [closed]
  14. JavaScript mapping touch events to mouse events
  15. Using this inside an event handler
  16. Are event handlers in JavaScript called in order?
  17. HTML DOM: Which events do not bubble?
  18. Javascript onkeydown event fire only once?
  19. Mozilla firefox not working with window.onbeforeunload
  20. Capturing load event on LINK
  21. Why can’t I reliably capture a mouseout event?
  22. Can multiple event listeners/handlers be added to the same element using Javascript?
  23. What’s the difference between cancelBubble and stopPropagation?
  24. iFrame onload JavaScript event
  25. Is there any way of passing additional data via custom events?
  26. Is event a global variable that is accessible everywhere inside the callback chain?
  27. JavaScript: How to simulate change event in internet explorer (delegation)
  28. Detecting user inactivity over a browser – purely through javascript [duplicate]
  29. Detecting support for a given JavaScript event?
  30. In web browsers, what’s the difference between onblur and onfocusout?

Leave a Comment