1 
$("#singlechatpanel-1 #sendMessage").click(function(Event)
{
Event.preventDefault();
$("#singlechatpanel-1 .subpanel ul").append('<li><span><img src="./images/chat-thumb.gif"/>Aristona: Test message.</span></li>');
});



<form name="chatForm" id="chatform">
 <input type="text" id="message" name="message"><br>
 <input type="button" name="sendMessage" id="sendMessage" value="Send Message">
</form>

マウスでボタンをクリックすると、通常はデータが送信されますが、テキスト ボックスに何かを入力しているときに Enter キーを押すと、ページが更新され、URI が message?what_I_typed に移動します。

それを防ぐ方法は？チャットアプリなのでエンターボタンを使う必要があります。

4

3 に答える 3

3

代わりに、フォームの送信イベントにバインドしてください。

$("#chatform").submit(function(e) {
    e.preventDefault();
    $("#singlechatpanel-1 .subpanel ul").append('<li><span><img src="./images/chat-thumb.gif"/>Aristona: Test message.</span></li>');
});
于 2012-09-10T17:32:08.773 に答える
1

これを試して。最後に追加return falseします。

$("#singlechatpanel-1 #sendMessage").click(function(Event)
{
   Event.preventDefault();
   $("#singlechatpanel-1 .subpanel ul").append('<li><span><img src="./images/chat-thumb.gif"/>Aristona: Test message.</span></li>');
   return false;
});
于 2012-09-10T17:33:38.103 に答える
0 
$("#chatform").submit(function(Event) {
  Event.preventDefault();
  $("#singlechatpanel-1 .subpanel ul").append('<li><span><img src="./images/chat-      thumb.gif"/>Aristona: Test message.</span></li>');
});

<form name="chatForm" id="chatform">
  <input type="text" id="message" name="message"><br>
  <input type="button" name="sendMessage" id="sendMessage" value="Send Message">
</form>

これは役に立ちます。ハンドラーをフォーム送信に入れます。

于 2012-09-10T17:35:50.067 に答える