如何防止聊天中的長輸入按鈕問題
[英]How to prevent the long enter button issue in chat
問題描述
嗨，我正在使用 ajax 聊天，如果我們點擊進入它會觸發提交按鈕。如果我們點擊一次輸入按鈕沒有問題。如果我們長按輸入按鈕重復調用提交並多次保存聊天消息。請幫助解決這個問題示例 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>
2 個解決方案
解決方案1
1 2016-10-01 07:29:38
那么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>
解決方案2
0 已采納 2016-10-03 09:38:27
謝謝你的回復，我得到了解決方案，
$("#chat_message").keypress(function(event) {
if (event.which == 13) {
event.preventDefault();
if ($('#chat_message').val() != "") {
$("#send-btn").click();
$('#chat_message').val("");
}
return false;
}
});
Firefox中的輸入按鈕問題
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.