##Enterキーが押されたらSubmitしたい
AngularでEnterキーが押されたらSubmitする関数を作ります。
なんかのような内容を見つけました。
<script>
function enter(){
if( window.event.keyCode == 13 ){
document.form1.submit();
}
}
</script>
そしてinputタグからこの関数を呼べば、Enterを押した瞬間Submitになる!!
……とのこと。
<form name="form1">
<input type="text" onkeypress="enter();">
</form>
最近はonkeypress
ではなくonkeydown
が主流みたい。
[GlobalEventHandlers.onkeydown]
(https://developer.mozilla.org/ja/docs/Web/API/GlobalEventHandlers/onkeydown)
【参考】
[[JavaScript] Enterキーで直接Submitする方法と無効化する方法]
(https://vertys.net/javascript-enter/)
Angularだと以下のものが該当するみたいです。
[イベントバインディング]
(https://angular.jp/guide/event-binding)
[@Input() と @Output() プロパティ]
(https://angular.jp/guide/inputs-outputs)
[ユーザー入力]
(https://angular.jp/guide/user-input)
つまり<input>
内に(keyup.enter)="update(box.value)
と書き込めばいいのか……?
うん、つまりそういうことらしい。