可输入div的问题探讨

工作过程中有一个模仿power point中的为ppt添加tips的功能，为了输入tips的框框看起来好看一点，选用了可以输入的div的形式，代码如下：

但是有一个问题，这个div中输入的值将会被保存下来，等到用户下一次打开同一个链接的时候再次呈现出来，就需要给div绑定一个动态的值。在此用作实验，给了绑定的infoContent一个初始的值，代码如下：

然后打开界面，出现以下现象：

到了这里，似乎一切都是正常的。 然鹅。。。。

当我删除了一个字母之后，光标跑到了前面去。。。这是为什么？？？？

但是对于正常输入的字母就可以一个接着一个删掉了，不知道为什么会这样，或者有什么解决方法么，求路过的大神们赐教！

转载于:https://juejin.im/post/5bd2eca96fb9a05d27794d38