可编辑div设置光标位置

1、当一个DIV标签添加contenteditable=“true” 的属性值的时候，就会将该标签变成一个可编辑的输入框，如果仅是输入文字，完全可以满足需求。

2、但是当我们要插入一张图片的时候，那么这时候我们将无法知道我们将表情图片插入到哪个位置中，这时候就需要记录DIV中的光标的位置，方便下次插入。

3、div可编辑框每次获取焦点的时候都会触发手机键盘的弹出，但是一般的网页中无法隐藏手机键盘弹出，js的操作是做不到的。

4、如果我们使用的是<input t鲻戟缒男ype="text" readonly/> 其中readonly属性可以不弹出键盘，常用的weui框架中常用这个属性来阻止键盘弹出。

5、但无法显示表情并非我们所需，可是DIV没有这个属性所以我们就需要通过光标定位来保存光标的位置，同时还需要将焦点状态失去才满足需求。