1、聊天人的聊天内容出现交叉:
请在<li/>之后加上
<div style="clear: both;"></div>
2、输入框使用enter快捷键发送内容,清空后不能返回到第一行;
请将ajax设置为异步调用—async:true,(或者不写这个属性,他会默认为异步调用)
3、enter快捷键和单键冲突或者单个字符输入异常,请使用下面的方式:
document.onkeypress = function (event) {
var e = event || window.event;
var keycode = e.keyCode || e.which;
console.log(e)
if( keycode==13){//判断按下enter
sendMsg()
}
}
参考模板:
http://www.17sucai.com/pins/17570.html(使用vue框架实现的仿微信聊天页面)
http://blog.csdn.net/qq_39517820/article/details/77285457(调用aliyun机器人实现的智能问答聊天页面)