Javascript触发Enter键，而在载入搜索输入页面时并未实际按下Enter键

Question

我正在创建一个包含搜索输入的onload页面，并且该值是从url生成的

http://localhost/example?i%search%this

在onload页面中，我创建了=

<body onload="myFunction()">
// this is where i put the input search that needs Enter to active search
<input type="text" class="form-control searchable-input floatL value-not-empty" placeholder="Search Badan Usaha" name="s545858fe" id="s545858fe">
</body>

<script>
function myFunction() {
    var newURL = window.location.search.substr(1);
    var uri_dec = decodeURIComponent(newURL);
    document.getElementById("s545858fe").value = uri_dec;
}
</script>

我的实际结果是我在输入搜索中得到“我搜索此”文本，但是由于搜索需要输入键才能执行，所以它不执行搜索

Answer 1

您可以通过创建KeyboardEvent()并调度事件来触发<input>内部的Enter键。

 const entry = document.getElementById('s545858fe'); entry.addEventListener('keypress', function (event) { console.log('Keypress in entry with value: ' + this.value); }, false); function myFunction() { const evt = new KeyboardEvent('keypress', {}); entry.focus(); entry.value = "new value"; entry.dispatchEvent(evt); }

 <body onload="myFunction()"> <input type="text" class="form-control searchable-input floatL value-not-empty" placeholder="Search Badan Usaha" name="s545858fe" id="s545858fe"> </body>

Javascript触发Enter键，而在载入搜索输入页面时并未实际按下Enter键

问题描述

1 个解决方案

解决方案1
0 2019-08-04 07:38:41

Javascript触发Enter键，而在载入搜索输入页面时并未实际按下Enter键

问题描述

1 个解决方案

解决方案1 0 2019-08-04 07:38:41

解决方案1
0 2019-08-04 07:38:41