可输入div的问题探讨

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

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

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

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

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

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

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

可输入div的问题探讨相关推荐

HTML5+CSS3+JQuery1.9 输入框切换和Div失焦模拟
Div失焦原理:判断document点击对象是否在Div容器以内,否则触发事件需要脚本:jquery-1.9.1.js 下载地址:http://download.csdn.net/detail/dm ...
中级财管电脑操作不会用计算机,很全面！2018年中级无纸化考试财管公式输入方法及计算器操作说明...
2018年中级计算机作答页面公式输入操作↓↓↓ 数学公式操作建议一.插入方式在答题区域需要插入公式的地方点击鼠标 → 点击[公式和符号]按钮,弹出选择公式对话框 → 点击相应的公式进行插入 → ...
注会计算机考试难吗,机考中注会考生“头疼”的问题——公式输入和计算器使用！（视频讲解如何使用）...
2018年4:33处开始观看. 名师视频: 公式输入技巧在注会的考试中,涉及计算分析题的科目有<税法>和<财务首先,机考考试中能遇到的式子可以分为两类,一类是简单的四则运算,第二 ...
模拟快递单号查询案例（放大输入内容）
[一天一个小技巧,网页666] 里面有一个制作小倒三角 '▽' 的css代码,在网页中用处很广,一定要掌握奥. 购物使人Happy!下单之后,大家一定很期盼自己的宝贝何时能到吧?别着急,平台贴心地给出 ...
计算机公式固定数值符号,中级无纸化机考数学公式/符号你会输入吗？
对于中级会计职称无纸质化机考,很多考生会觉得很难,其实,只要勤加练习,机考要比手写快.东奥小编也特意为大家整理了数学公式/符号的输入方法,希望大家借鉴参考. 数学公式操作建议一.插入方式在答题区域 ...
vue-发布评论（星星打分，快捷输入）
重点: 星星打分 tapmode @click="count=i+1" :class="count>i?'c-f83600 iconshoucang1':'icon ...
vscode自动补全div
vscode自动补全div 在设置中找到:文本编辑器选择:建议找到:suggest:Snippets Prevent Quick Suggestions(往下翻) 取消选中 . 返回代码段,输入 ...
springboot整合websocket实现简易版单人聊天
websockt在作为即时通讯类的聊天方面有较多的应用,其主要的特点就是轻量,使用方便,容易快速上手,通过webscoket整合服务端,就可以实现简单的类似聊天的功能,下面说说springboot整合 ...
2019 面试准备 - JS 防抖与节流 (超级重要!!!!!)
Hello 小伙伴们,如果觉得本文还不错,记得给个 star , 你们的 star 是我学习的动力!GitHub 地址本文涉及知识点: 防抖与节流重绘与回流浏览器解析 URL DNS 域名解析 ...

可输入div的问题探讨

可输入div的问题探讨相关推荐

最新文章

热门文章