想輸入時透直接透過 enter 驅動 HTML 可以使用 `onKeyDown` 監聽鍵盤行為,原本的 `onKeyPress` 已經沒有在運做了。[官方文件](https://developer.mozilla.org/en-US/docs/Web/API/Element/keypress_event) 也可透過 javascript EventListen 綁定事件 需注意表單 input 按 enter,預設會走表單的 action 方法,所以需透過 event.preventDefault() 停用原本的綁定 透過 javascript EventListen 綁定也要注意程式執行時 DOCM 是否已經生成,所以可以用 `window.onload` 確保這件事 ```javascript //可直接用 onKeyDown 寫在 element 上 <form method="post" action="test.php"> AA:<input type="text" name="aa" onKeyDown={e=>keyEnterAction(e)}> </form> //也可透過 EventListen 綁定事件 window.onload = function() { var input = document.getElementById("myInput"); if(input != null){ input.addEventListener("keydown", keyEnterAction); } } const keyEnterAction = function(event) { if (event.key === "Enter") { event.preventDefault(); document.getElementById("login-button").click(); } }; ``` ### 參考連結 [Trigger Button Click on Enter - w3schools](https://www.w3schools.com/howto/howto_js_trigger_button_enter.asp) [HTML form 只有一個 text input 時,在 input 上按 enter 會自動送出表單 - XYZ筆記](https://xyz.cinc.biz/2016/07/form-input-enter-auto-submit.html) [JavaScript window.onload 和 jQuery $(document).ready() 的差異 - 肉豬](https://matthung0807.blogspot.com/2018/02/javascript-windowonload-jquery.html)