如何使用原始javascript以编程方式触发输入事件?

时间:2016-05-20 11:53:15

标签: javascript

我无法在任何地方找到解决方案。有人能帮助我吗?

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

基本上我需要知道在以编程方式更改值之后如何以编程方式提升事件输入。 (放在&#34; NowCauseTheEvent,Plz&#34;在document.getElementById(&#39; myText&#39;)之后的东西.value =&#39; 123&#39;

ty!

顺便说一句,这不是关于自定义事件,而是本机事件,我真的很感激停止投票支持关闭这个,因为这不是一个定制的事件!!!!

2 个答案:

答案 0 :(得分:2)

这将适用于各种浏览器并触发您需要的事件。

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

在占位符中使用以下内容:

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

答案 1 :(得分:1)

这适用于Firefox和Chrome,但在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>