javascript - 1 つの jsp タグ内の 2 つのイベント

Question

Enterボタンを押すだけでなく、ボタンをクリックしても検索ボタンが機能するようにしたい。以下のコードを試しました

探す：

<input id="search" type="text"> <input type="button"id="Btn" value="Search"  onkeypress="submitOnEnter(this,jQuery.Event);" onClick="Query()" /> 

<script type="text/javascript">  
     function submitOnEnter(inputElement, event) {  
         if (event.keyCode == 13) { 
             inputElement.form.submit();  
         }  
     }
</script>

しかし、入力ボタンを検索可能にすることはできません。オンクリックは正常に動作しています

Answer 1

これを試して

document.onkeypress = function keypressed(e){
  if (e.keyCode == 13) {
      document.forms['formname'].submit();
  }      
}

Answer 2

以下のコードは、javascript を使用せずに、希望どおりに実行する必要があります。

<form .... >
    <input id="search" type="text"> 
    <button type="submit" value="Search">
</form>

要素の(それよりも優れているtype="submit")は、入力でエンターを押すことを自動的に処理します。button<input type="submit" value="Search">

ただし、入力とボタンの両方が同じフォーム要素にある必要があります。