How to programatically fire input event using raw javascript?

Question

I can't find a solution for this in anywhere. Can someone help me ?

<input type="text" id="myText" oninput="alert(this.value);"><br><br>
<div onclick="document.getElementById('myText').value='123';NowCauseTheEvent,Plz !">
   change
</div>

Basically I need to know how to programatically raise the event input after I change the value programatically as well. (something to place on the "NowCauseTheEvent,Plz" after the document.getElementById('myText').value='123'

ty !

BTW, this is not about custom event, but native event and I will REALLY appreciate to stop to vote for close this one because THIS IS NOT A CUSTOM EVENT !!!!

Any reason you are running javascript inline rather than in a function? Also can you try explain what you want the client to do and what you want the webpage to do, I'm finding it hard to understand your question... — NewToJS
– NewToJS, Commented May 20, 2016 at 11:55
Nope. it's not a duplicated. That thing is for custom event. And this is not a custom event. It's a native event., Justinas. — Marco Jr
– Marco Jr, Commented May 20, 2016 at 11:57
@NewToJs, I cannot use a function. Long story ! Starts with : I need to send raw html to a 3rd party library. — Marco Jr
– Marco Jr, Commented May 20, 2016 at 11:58

Grant Macdonald · Accepted Answer · 2016-05-20 12:12:19Z

2

This will work across browsers and trigger the event you require.

<div onclick="document.getElementById('myText').value='123';document.getElementById('myText').oninput()">
    change
</div>

Use the following in your placeholder:

document.getElementById('myText').oninput()

answered May 20, 2016 at 12:12

Grant Macdonald

838 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Grant Macdonald Over a year ago

No worries, glad it helped.

NewToJS Over a year ago

Great answer Ausxor, just beat me to it :p +1 for that!

michaPau · Accepted Answer · 2016-05-20 12:07:27Z

1

This works for me on Firefox and Chrome but fails on IE11.

<input type="text" id="myText" oninput="alert(this.value);"><br><br>
<div onclick="document.getElementById('myText').value='123'; document.getElementById('myText').dispatchEvent(new Event('input'));">
       change
</div>

answered May 20, 2016 at 12:07

michaPau

1,66920 silver badges25 bronze badges

1 Comment

Marco Jr Over a year ago

Awesome !! That's exactly what I need ! I just need to find a way to make this work in IE...I will try to find a new one to make it work and Ie and then I send you back to edit and you got my "answered"

Collectives™ on Stack Overflow

How to programatically fire input event using raw javascript?

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related