可编辑div设置光标位置

 时间:2024-10-24 21:36:56

今天小编给大家带来的是可编辑div设置光标位置,希望能帮助到大家!

工具/原料

PC

方法/步骤

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

可编辑div设置光标位置

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

可编辑div设置光标位置

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

可编辑div设置光标位置

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

可编辑div设置光标位置

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

可编辑div设置光标位置

CCProxy怎样设置只允许访问的网站 PRVG-11134 : Interface 错误解决办法 如何使用jquery实现淡入淡出效果 js怎么判断事件是否绑定 如何设置易语言程序存盘时保存.BAK备份文件
热门搜索
注意安全标志图片 凑十法分解式图片 阳光的图片 莲子图片 皮肤湿疹图片