可输入div的问题探讨

167 阅读1分钟

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

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

然后打开界面,出现以下现象:

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

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

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