如何防止聊天中的长输入按钮问题

-1

嗨，我使用的是ajax聊天，如果我们点击输入它触发提交按钮。如果我们点击输入按钮一次没有问题。如果我们长按回车按钮重复提交通话和聊天信息保存多个times.please帮助在这个问题上示例jQuery代码：如何防止聊天中的长输入按钮问题

$("#chat_message").keypress(function(event) { 
     if (event.which == 13) { 
      event.preventDefault(); 
      $("#send-btn").click(); 
      return false; 
     } 
    });

的html代码：

<input type="text" name="message" id="chat_message" > 
<button type="button" id="send-btn">Send</button>

来源

2016-10-01 Raghul Rajendran

同时检查的'$值（ “＃chat_message”）'上KEYUP – Rayon

改用按键 – cheralathan

@cheralathan请检查html代码keyup不适用于这种情况。我检查它不工作 –

感谢您的答复，我得到了解决，

$("#chat_message").keypress(function(event) { 
    if (event.which == 13) { 
    event.preventDefault(); 
     if ($('#chat_message').val() != "") { 
     $("#send-btn").click(); 
     $('#chat_message').val(""); 
    } 
    return false; 
    } 
    });

来源

2016-10-03 09:38:27

嘛keyup事件完全在你的情况。

请看下面的代码。

$(document).ready(function(){ 
 
    
 
    //the keyup event 
 
    $("#chat_message").keyup(function(event) { 
 
     if (event.which == 13) { 
 
      event.preventDefault(); 
 
      $("#send-btn").click(); 
 

 
      return false; 
 
     } 
 
    }); 
 
    
 
    $("#send-btn").on("click",function(){ 
 
    console.log($("#chat_message").val()); 
 
    }); 
 
});

<html> 
 
    <head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
    </head> 
 
    <body> 
 
    <input type="text" name="message" id="chat_message" > 
 
    <button type="button" id="send-btn">Send</button> 
 
</body> 
 
</html>

来源

2016-10-01 07:29:38

如何防止聊天中的长输入按钮问题

回答

相关问题