想輸入時透直接透過 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)