![](/img/trans.png)
[英]How to fill <select> with text on <input type=“text”> using Javascript?
[英]How to type text to input text using Javascript (without jQuery)
您可以像這樣設置輸入的值:
document.getElementById("location-search").value = "Somewhere";
但是實際上如何使用Javascript而不使用jQuery觸發類型事件?
您可以使用自定義事件。 每當您向輸入添加值時,都會觸發事件。 並添加針對此事件的偵聽器。
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" />
使用上述方法: 此處
更改將是事件類型,而不是我們使用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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.