From da5c13027849b0ce8d6d0bbf33e83e196da76152 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=B0=E5=B9=BF=E9=93=B6?= <273650669@qq.com>
Date: Tue, 31 Oct 2017 14:39:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0Enter=E9=94=AE=E5=BF=AB?=
 =?UTF-8?q?=E6=8D=B7=E5=8F=91=E9=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/js/server/index.js | 43 +++++++++++++++++++++++++++------------
 views/server/index.ejs    |  4 ++--
 2 files changed, 32 insertions(+), 15 deletions(-)

diff --git a/public/js/server/index.js b/public/js/server/index.js
index 56435ed..a2d11c2 100644
--- a/public/js/server/index.js
+++ b/public/js/server/index.js
@@ -23,6 +23,18 @@ layui.use(['layer', 'form', 'jquery'], function () {
         window.onresize = function(){
             var height = document.body.clientHeight - 262;
             $(".message-container").css("height", height);
+        };
+
+        document.getElementById("msg-send-textarea").onkeydown=function(e){
+            if(e.keyCode == 13 && e.ctrlKey){
+                // 这里实现换行
+                document.getElementById("msg-send-textarea").value += "\n";
+            }else if(e.keyCode == 13){
+                // 避免回车键换行
+                e.preventDefault();
+                // 下面写你的发送消息的代码
+                msg_send();
+            }
         }
     }
 
@@ -113,6 +125,23 @@ layui.use(['layer', 'form', 'jquery'], function () {
         $(".friend-head-right").html( online_num + ' / ' + num + ' 人' );
     }
 
+    //发送消息
+    function msg_send() {
+        var msg = $("#msg-send-textarea").val();
+        if(msg){
+            var msg_sender = {
+                "type":'private',
+                "uid":currentUUID,
+                "content":msg,
+                "from_uid":uuid
+            };
+            socket.emit('message', msg_sender);
+            insert_agent_html(currentUUID,msg);
+            scrollToBottom();
+            $("#msg-send-textarea").val('');
+        }
+    }
+
     //获取在线用户
     function get_users() {
         $.get('/users',function (data) {
@@ -159,19 +188,7 @@ layui.use(['layer', 'form', 'jquery'], function () {
     }
 
     $(".btnMsgSend").click(function(){
-        var msg = $("#msg-send-textarea").val();
-        if(msg){
-            var msg_sender = {
-                "type":'private',
-                "uid":currentUUID,
-                "content":msg,
-                "from_uid":uuid
-            };
-            socket.emit('message', msg_sender);
-            insert_agent_html(currentUUID,msg);
-            scrollToBottom();
-            $("#msg-send-textarea").val('');
-        }
+        msg_send();
     });
 
     //连接服务器
diff --git a/views/server/index.ejs b/views/server/index.ejs
index 3a07817..817bf58 100644
--- a/views/server/index.ejs
+++ b/views/server/index.ejs
@@ -173,8 +173,8 @@
         </div>
         <div class="message-sender">
             <div class="sender-editor">
-                <textarea placeholder="请输入" id="msg-send-textarea" disabled></textarea>
-                <div class="layui-btn layui-btn-normal btnMsgSend layui-btn-disabled" >发送</div>
+                <textarea placeholder="请输入消息内容，Enter快捷发送，Ctrl+Enter换行" id="msg-send-textarea" disabled></textarea>
+                <div class="layui-btn layui-btn-normal btnMsgSend layui-btn-disabled" title="Enter快捷发送，Ctrl+Enter换行">发送</div>
             </div>
         </div>
     </div>