ввод в кнопку запуска кнопки?

Question

У меня есть HTML форма, как это:

<form name="f1"> 
<center> 
<strong>Search VMs:</strong> 
<input id='vms' name="word" type="text" size="50" placeholder="Name or IP, space delimited, partial name OK." autofocus autocomplete="off" pattern=".{3,}" required title="3 chars minimum" /> in 
<select name="vc" id='whichvc'> 
    <option value="all" selected="selected">all VCs</option> 
</select> 
<input type="checkbox" id="check4detail" name="detail">Include details 
<input name='searchbutton' value="Search VMs" type="button" onclick='xmlhttpPost("/cgi-bin/search-vm.pl")' /> 
<input value="Clear" type="button" onclick="clearBox('result')" /> 
</center> 
</p> 
<div id="loading"></div> 
<div id="result"></div> 
</form> 

Как вы можете видеть, есть поле ввода текста и несколько других кнопок, одна из которых имеет OnClick() слушателя, связанный с ним. Как я могу вызвать событие onclick на этой кнопке, когда пользователь вводит текст и нажимает клавишу ввода?

Пробовал это решение с форума, но это как-то не работает:

$('#vms').keypress(function(event){ 
if (event.which === 13){ 
$('#searchbutton').click();} 
}); 

Кстати, когда я ввожу текст в поле и нажмите на кнопку поиска, она работает просто отлично. Но введите текст и нажмите enter, чтобы не вызвать событие поиска.

Answer 1

Измените тип кнопки на submit. Кнопки «Отправить» захватывают клавишу ввода, когда она нажата в одном из изменений в той же форме. В приведенном ниже примере вы можете проверить его. Поместите курсор в поле редактирования и нажмите клавишу ввода. Вы должны получить предупреждение.

<form action="" method="get" onsubmit="return false;"> 
 
Test field: <input type="text" name="test"><br> 
 
<button type="submit" value="Submit" onclick="alert('it works!');">Submit</button> 
 
<button type="reset" value="Reset">Reset</button> 
 
</form>

Обратите внимание, что это деталь реализации браузера. Я не знаю ни одного браузера, в котором это не сработает, но в то же время я не могу гарантировать, что он будет работать в любом браузере и на любой платформе.

Answer 2

Вы должны использовать

<button onclick="myFunction()"> 
    <script> 
    function myFunction() { 
     document.getElementById("field2").value = document.getElementById("field1").value; 
    } 
</script> 

Answer 3

Смените $('#searchbutton').click(); в $('#searchbutton').trigger('click');

Answer 4

Модифицированный код @GolezTrol так что OnChange слушателя на поле ввода текста косвенно вызывает щелчок кнопки поиска.

<form action="" method="get"> 
 
    Test field: 
 
    <input type="text" name="test" onChange="aliasonclick"> 
 
    <br> 
 
    <button name="searchbutton" id="clickthis" onclick="alert('it works!');">Submit</button> 
 
    <button type="reset" value="Reset">Reset</button> 
 
</form> 
 

 
<script> 
 
    function aliasonclick() { 
 
    var searchbutton = document.getElementById("clickthis") 
 
    searchbutton.click() 
 
    } 
 
</script>