Enter key press event in JavaScript

Posted in :

2023-08-29

原本的輸入框, 不想再搭配一個按鈕在送出查詢, 希望按Enter 可以查詢, 寫法如下:
https://www.w3schools.com/howto/howto_js_trigger_button_enter.asp

var input = document.getElementById("myInput");
input.addEventListener("keypress", function(event) {
  if (event.key === "Enter") {
    event.preventDefault();
    document.getElementById("myBtn").click();
  }
});

寫法2:

<input id="enterDemo" type="text" onkeypress="return
enterKeyPressed(event)" />
<script>
   function enterKeyPressed(event) {
      if (event.keyCode == 13) {
         return true;
      } else {
         return false;
      }
   }
</script>

javascript