当div的contentEditable属性设为true后，重置内容后无法定位光标
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
本文介绍了在HTML中使用div元素并设置其contentEditable属性为true时遇到的问题，即内容被重置后无法正确定位插入点（光标），探讨了问题原因及可能的解决方案。
最近我在开发一个评论功能，并且需要支持表情输入。于是决定使用contentEditable属性来实现这一需求。然而，在实际操作过程中遇到了一些问题。
首先，我的评论区布局如下：当用户输入的内容超过限制时，系统会自动清空超出的部分内容。这一步没问题，但是当我尝试清除多余的文字后发现光标回到了文本的开头位置，这让用户体验变得糟糕起来。经过一番搜索和研究之后，我找到了一个解决办法，并且已经用代码实现了。
以下是相关HTML元素获取与范围设置的示例代码：
```javascript
var _div = document.querySelector(.discuss_area);
var range = document.createRange();
range.selectNodeContents(_div);
range.collapse(false); // 这里注意参数值为false，表示光标保持在文本末尾。
```
请根据实际需求调整上述代码。希望这能帮助到同样遇到此问题的人们！
全部评论 (0)
还没有任何评论哟~
