jquery .empty（）keypressイベントとの競合

Question

これは、ユーザーがメッセージを入力し、Enterキーを押して送信できるようにするためのものです。これにより、ユーザーは新しいメッセージを入力できるようにボックスがクリアされます。問題は、入力を押す（改行を作成する）標準的な結果がの後でとなっていることです。したがって、テキストが消えて改行で置き換えられますが、これは非常に好ましくありません。どうすればこれを回避できますか？

$('#messagebox').keypress(function(event) { 
     if (event.keyCode == '13') { 
      send(); 
      $('#messagebox').empty(); 
     } 
    }); 

Answer 1

あなたは（preventDefault + stopPropagationのためのjQueryの省略形である、あなたのイベントハンドラ関数、またはreturn false）event.preventDefault()経由keypressのデフォルトの動作を防ぐことができます。

Live example | source：

HTML：

<p>Pressing Enter will clear the text area below:</p> 
<textarea id="messagebox" rows="10" cols="50"></textarea> 

のJavaScript：valがあるので、

jQuery(function($) { 

    $("#messagebox").focus().keypress(function(event) { 
    if (event.keyCode === 13) { 
     $(this).val(""); 
     event.preventDefault(); 
    } 
    }); 

}); 

---

FWIW、私はおそらく、テキストエリアをクリアするというemptyよりも、空の文字列でvalを使用したいです特にフォームフィールドの値を設定する場合  —しかし、empty()は

Answer 2

$('#messagebox').keypress(function(event) { 
    if (event.keyCode == '13') { 
     event.preventDefault(); 
     send(); 
     $(this).empty(); 
    } 
}); 

Answer 3

demo

$('#messagebox').on('keydown',function(e) { 
    if (e.which === 13) { 
     send(); 
     $(this).val(''); 
     e.preventDefault(); 
    } 
});