如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
html/js如何获取选择文字/移动光标位置
来源：互联网
2023-03-16 19:11:55 326
本经验介绍在html/js开发中，如何获取可编辑区域的选择的文字，以及获取和移动编辑光标的字符位置。
工具/原料
- Firefox
方法/步骤
首先，如图位置是一个html中的可编辑内容的div标签，在里边输入文字，会有一个光标。
通过getSelection可以获得一个Selection对象，如图。因为是一个光标，anchor和focus（选择的起点和终点）一样，偏移也一样。
如图，则进行文字选择，而且是跨行选择，以第一行为起点，第二行为终点，选择文字。
再次getSelection，可以看到anchorNode是起始节点，anchorOffset是起始偏移，focus是结束的。
如果从第二行倒着选到第一行，使用getSelection获取选择区域，可以看到anchorNode和focusNode和刚才相比，互换了。
使用一个node的textContent属性可以获得文字。结合focusOffset和anchorOffset，实际上可以获取光标/选中区域前后的文字。
如图是在选取的结束位置插入一段文字的代码。设置结束节点focusNode的textContent属性即可。
通过选区Selection的成员函数setBaseAndExtent可以实现选择一段文字。
需要指定起始节点，起始偏移，结束节点，结束偏移。
如图所示的代码，将起始和结束位置设置为相同，而且都在结束节点的末尾。即变成闪烁光标。
注意事项
- 有时候，一些光标设置操作需要配合focus event触发，聚焦在控件上才能得到效果。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 435 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)