javascript - Enter キーを押したときにメッセージを送信する

Question

これが私のコードです：

<input type=\"text\" id='MsgToSend" + ToClient + "t" + FromClient + "' onkeypress='ClientOnTyping();' />

とFromClientはToClient動的に生成されます。

JavaScript:

function ClientOnTyping() {
  if(e.keyCode==13) {
     // i know i should do this but my problem is what is 'e' in my case how can i specify it ?
  }

}

Answer 1

イベントの要素にイベント リスナーをアタッチする必要がありますkeydown。

var btn = document.getElementById('MsgToSend');
btn.addEventListerner('keydown', function (e) {
    if(e.keyCode==13) {
     // i know i should do this but my problem is what is 'e' in my case how can i specify it ?
    }
});

従来のブラウザーでは、この方法でイベント ハンドラーをアタッチできます。

var btn = document.getElementById('MsgToSend');
btn.onkeydown = function (e) {
    e = e || window.event;
    var keyCode = e.keyCode || e.which;
    if(keyCode==13) {
     // i know i should do this but my problem is what is 'e' in my case how can i specify it ?
    }
});

Answer 2

ハンドラー関数のスコープ内で、DOM でイベントが発生するたびに自動的に作成されるオブジェクトですe。eventハンドラーに渡すだけです。

例えば：

<input ...onkeypress="ClientOnTyping(event);">

と

function ClientOnTyping(e) {
    ...
}

また、目立たないコードではなく、目立たないコードを使用することを検討してください。目立たないjavascriptと目立たないjavascriptの違いとStarxの回答を参照してください。