2017-03-26 9 views
0

をクリアして、私は次のコードを持っている:はJavascriptがキーを押すと入力しに提出されていない、それだけでテキストボックス

<form style="position: absolute; bottom: 5px; padding-bottom: 10px;height: 10%;" id="newmessageForm"> 
      <textarea name="message" placeholder="Type your message here" rows="9" cols="225" id="newmessage" resize="none" style="float: left; opacity: 0.7;"></textarea> 
      <input class="btn-login" type="Submit" name="send" style="float: left"> 
    </form> 

<script> 
var chatInput = document.getElementById('newmessage'); 
var chatForm = document.getElementById('newmessageForm'); 
chatInput.onkeypress = function(e) { 
if (e.charCode == 13) { 
    e.preventDefault(); 
    chatForm.submit(); 
    } 
}; 
</script> 

を、代わりにキーを押すと入力した上でメッセージを送信するのでは、それだけでテキストボックスをクリアし、誰かしてくださいすることができます助けて?

答えて

1

この送信先はどこですか?フォーム要素にaction属性はありません。送信が機能するには、メソッド属性とアクション属性の両方が必要です。

1

あなたのフォームは何もしない、送信していますが、フォームは何もしません。送信するにはaction=""method=""を追加してください。

+0

、ちょうど –

0

入力キーを聞く必要はなく、代わりにsubmitという形式のイベントを待ち受けて、デフォルトの動作を防止してください。 ...それは、ボタンを押して動作することを処理している別のjavascriptがある

var chatForm = document.getElementById('newmessageForm'); 
chatForm.addEventListener('submit', function(e) { 
    e.preventDefault(); 
}); 
+0

はボタンの動作をpreesingキー入力しますが、キーを入力しないでありません –

関連する問題