"Enter"を押してテキストエリアからデータを送信

Question

私はJSで動的なWebページを持っています。 テキストエリアとボタンを送信しますが、フォームタグはありません。どのように私は提出ボタン火災やを入力したときにがクリアされテキストエリアがテキストエリアに押されて？作るのですか

Answer 1

テキストエリア用のキーアップハンドラを使用できます（ただし、私はそれに反対します*）。

[SomeTextarea].onkeyup = function(e){ 
    e = e || event; 
    if (e.keyCode === 13) { 
    // start your submit function 
    } 
    return true; 
} 

*これにテキスト入力フィールドを使用してみませんか？ Textareaは、1行入力用のテキスト入力フィールドである複数行入力には特に適しています。入力ハンドラを使用すると、複数行の入力をまとめることができます。 XHR（別名AJAX）チャットアプリケーション（これはテキストエリアがMSN入力エリアのように動作するように）を一度使用したことを覚えていますが、CTRL-Enterキーを使用して複数行の入力を再度有効にしました。それはあなたのためのアイデアかもしれない？

[SomeTextarea].onkeyup = function(e){ 
    e = e || event; 
    if (e.keyCode === 13 && !e.ctrlKey) { 
    // start your submit function 
    } 
    return true; 
} 

Answer 2

ヒット入力textareaに入力すると、親フォームを送信するのではなく改行が挿入されます。これは通常のフォームタグでもその方法では機能しません。

この動作を回避することは、他のWebサイトとそのプラットフォーム上の他のアプリケーションの両方で、テキスト領域コントロールがどのように動作するかというユーザーの期待に反するため、避けてください。

Answer 3

ここに私のソリューションです：JavaScriptで

：HTMLで

function isEnterPressed(e){ 
var keycode=null; 
if (e!=null){ 
    if (window.event!=undefined){ 
     if (window.event.keyCode) keycode = window.event.keyCode; 
     else if (window.event.charCode) keycode = window.event.charCode; 
    }else{ 
     keycode = e.keyCode; 
    } 
} 
return (keycode == 13);} 

：

<input type="text" onkeyup="if(isEnterPressed(event)){/*do something*/}" /> 

Answer 4

Shog9私は私をコピーすることが示唆@リスナーは次のように拡張されるだろうこの質問の重複したバージョンへの回答： この無視する1つの問題は、ユーザーの実行です入力方法（エディタ） - 例えば。非ラテン文字入力。私がよく知っているIMEは、OSX上のKotoeri Hiragana IMですが、ハングルのためのモードに加えて、日本語のための多くのものがあります（Kotoeriだけで複数の異なる入力モードがあり、ATOKと呼ばれる少なくとも1つの主要なモードがあります）繁体字中国語、簡体字中国語、その他のあまり知られていない言語があります。これらの入力方法は、すべての主要なプラットフォーム（特に、Win、Mac、Linux）に存在します。

あなたが試みているのと同じようなコードの観点から導入する問題は、正確な物理的なキーの押下が、ユーザーが入力している実際の入力と必ずしも一致しないことです。文字列とうきょうが生成されますデフォルトではひらがなの下の文字toukyou<enter>のシーケンスを入力する例えば

は、変換テキストを確認し、入力したため、結果として得られるテキストには<enter>が存在しないことに注意してください。しかし、入力が入力されると、変更を表示されますこの文字に加えて、実際の配列：

t // t 
と // to 
とう // tou 
とうk // touk 
とうky // touky 
とうきょ // toukyo 
とうきょう // toukyou 

メモリが提供している場合、私はWebKitの中でこれを実装するとき、のkeyCodeが入力されたすべてのキーのKeyDownイベントに229可能にする必要がありました（IEとの互換性のための）IMEで - しかし、私はkeyUpの動作が何であるか思い出すことができません。

一部のIMEでは、必ずしもキーダウン、キー押下、キーアップを受信するとは限りません。または、複数を受け取ることになります。または、入力の最後にすべてが一緒に送信されます。

これは、現在、DOMイベント実装の非常に不潔な部分です。

Answer 5

テキストエリアは、複数行のテキストを入力できるようにするため、Enterキーを押すとテキストに新しい行が挿入されます。その動作を希望する場合は、代わりに通常のテキストフィールドを使用してください。

Answer 6

フォームラッパーを使用しない理由はありますか？

$('#input_id').keypress(function(e){ 
    if(e.which == 13){ 
     $('#form_id').submit(); 
     return false; //prevent duplicate submission 
    } 
});