聊天页面设计中，遇到的几个bug

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机器人实现的智能问答聊天页面）