如何通過按Enter觸發功能？

Question

我有此按鈕可導致javascript中的一種方法來過濾表格信息：

<button type="button" id="search" title="Buscar" onclick="fn_cliente.filtraInformacion();"></button>

有幾個字段可以過濾信息，我希望在任何輸入上按“輸入”時，它執行與單擊按鈕時相同的方法

Answer 1

使用以下命令將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函數。

Answer 2

這可行。 您可以將其調整為所需的任何元素。

<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()">