需求：把预备好的文本，选择性拖拽到输入框

拖拽.gif

1，添加文本框

<input></input>

2.添加文本组

<div class='box'>//外层div
<span class='drag'>
拖拽信息1
</span>
<span class='drag'>
拖拽信息2
</span>
</div>

3.给拖拽的span 添加单击选中文本的css

user-select:all;

.drag{
user-select:all;
}

4.可以给选中的元素添加一个active背景色，还有选中后的底色做一个改变

.drag:active{
background:#red;/*点击元素拖拽时高亮显示*/
}
.drag::selection{/*选中文本底色改变*/
background:#red;
}

纯css拖拽文本到输入框光标位置
需求：把预备好的文本，选择性拖拽到输入框 1，添加文本框 2.添加文本组 3.给拖拽的span 添加单击选中文本的...
修改input输入框里闪烁光标的颜色
发现了一个属性可以修改修改input输入框里闪烁光标的颜色修改color属性：同时改变文字和光标颜色使用纯CSS...
2.Vim常用操作
选中文本命令模式下：1.可视模式：v，从光标位置开始常规选中文本。可视行模式：V，从光标位置所在行开始选中文本，...
js设置光标插入文字和HTML
代码一：在textarea某个位置插入文本代码二：设置光标位置 jQuery版本代码三：获取光标位置代码四：...
Flutter文本输入框-TextField
TextField 文本输入框，类似Android中的EditText 光标-cursor 参数说明cursorC...
传送门
css绘制Icon手机网页输入框获取光标撑不起网页高度问题参考文章
一个简单富文本输入框控件的设计历程（三）
上一节遗留了几个问题，问题一，如何更新光标位置；问题二，选择的文本必须在全包含单个富文本。其实也就是光标位置的变化...
iOS开发 UITextField修改光标起始位置
修改UITextField光标位置的三个方法 1.既修改了光标起始位置，同时也修改了文本起始位置，并且文字不会在超...
Java实现简易的文本编辑器
需求分析：获得文本名称实现尾部追加功能实现覆盖式添加数据删除数据获取光标位置在特定光标位置处添加数据 ...
集成讯飞输入法的问题
UITextview 1, 在光标位置插入输入的文本 2, 对textView赋值以后默认滚动到最后滚动到光标位...