我有这个按钮,导致javascript中的方法过滤表的信息:
<button type="button" id="search" title="Buscar" onclick="fn_cliente.filtraInformacion();"></button>
有几个字段可以过滤信息,我想在任何输入上按“输入”时,它执行与单击按钮时相同的方法
使用以下命令将enter事件绑定到搜索字段。
document.querySelectorAll('.searchfield').forEach(function(input) {
input.addEventListener('keypress', function(e) {
if (e.keyCode === 13) filtraInformacion();
});
});
function filtraInformacion() {
console.log('filtraInformacion has been called!');
}
document.querySelectorAll('.searchfield').forEach(function(input) {
input.addEventListener('keypress', function(e) {
if (e.keyCode === 13) filtraInformacion();
});
});
<button type="button" id="search" title="Buscar" onclick="filtraInformacion();">Click me</button>
<br>
<input id='name' class='searchfield' placeholder='Press Enter!'>
<br>
<input id='lastname' class='searchfield' placeholder='Press Enter!'><br>
<input id='gender' class='searchfield' placeholder='Press Enter!'>
看到?当按下回车键时,调用函数filtraInformacion
。
这有效。您可以根据需要调整它。
<input type="text" id="account-location-country-input" class="mdc-text-field__input" required onkeyup = "if (event.keyCode == 13)document.getElementById('edit-account-button').click()">