yaclty/kefu
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

添加Enter键快捷发送

Browse Source
This commit is contained in:
邰广银 2017-10-31 14:39:57 +08:00
parent 30c840709e
commit da5c130278
2 changed files with 32 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
public/js/server/index.js
View File

@ -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();
});
//连接服务器

4
views/server/index.ejs
View File

@ -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>