如何使用Java键入文本以输入文本（无jQuery）

Question

您可以像这样设置输入的值：

document.getElementById("location-search").value = "Somewhere";

但是实际上如何使用Javascript而不使用jQuery触发类型事件？

Answer 1

您可以使用自定义事件。 每当您向输入添加值时，都会触发事件。 并添加针对此事件的侦听器。

 var type = new CustomEvent("typing", {}); function typed() { document.getElementById("d").value = "Somewhere"; document.dispatchEvent(type); } document.addEventListener("typing", function(e) { console.log("Something typed"); }); typed(); 

 <input type="text" id="d" /> 

这里

Answer 2

使用上述方法： 此处

更改将是事件类型，而不是我们使用KeyboardEvent的HTMLEvents 。

 document.getElementById("d").addEventListener('keydown',function(e){ document.getElementById("log").innerHTML += '</br> keydown Triggered' }); document.getElementById("triggeringStuff").addEventListener('click',function(){ var str = "Something"; var elem = document.getElementById("d"); str.split('').map(function(item){ var e = document.createEvent('KeyboardEvent'); e.initEvent('keydown'); elem.value += item; elem.dispatchEvent(e); }); }); 

 <input type="text" id="d" /> <button id="triggeringStuff">Trigger Stuff</button> <p id="log">Logs :</p>