イベントonkeypress ENTER（keyCode == 13）でページを更新するのを避けるには？

Question

は私が

入力答えhttps://stackoverflow.com/a/905233/6827096に従うががを入力して押した後にページを更新コードの下のキー押下後jsの関数にフォーム入力を送信する必要があります。

（キーコード== 13）を入力しますOnKeyPressイベントでさわやかなページを避けるために、どのように

#.html 
<script src="chat.js'"></script> 
<input onkeypress="return sendChatMessage(event)"> 

#chat.js 
function sendChatMessage(e) { 
    if (e.keyCode == 13) { 
     console.log("e.keyCode == 13"); //never reachable 
     return false; 
    } 
    return true; 
} 

？

機能sendChatMessageは、ページが読み込まれたブラウザコンソールに表示されます。

Answer 1

入力が<form>の要素内にある場合は、を入力してと入力するとフォームが送信されます。あなたのsendChatMessage()でpreventDefault()を追加しよう：を開いてから、リンクを防ぐために起こっているあなたの関数sendChatMessage、にe.preventDefault();を追加

function sendChatMessage(e) { 
    if (e.keyCode == 13) { 
     e.preventDefault(); // this should prevent default action 
     console.log("e.keyCode == 13"); //never reachable 
     return false; 
    } 
    return true; 
} 

Answer 2

してみてください。あなたのコードは次のようになります。

function sendChatMessage(e) { 

    if (e.keyCode == 13) { 
e.preventDefault(); // add this line of code. 
     console.log("e.keyCode == 13"); //never reachable 
     return false; 
    } 
    return true; 
} 

Answer 3

はe.whichとe.keyCodeの両方を使用してみてください：

function sendChatMessage(e) { 
    if (e.which == 13 || e.keyCode == 13) { 
     e.preventDefault(); 
     console.log("e.keyCode == 13"); 
     return false; 
    } 
    return true; 
}