给一个div设置光标

2025-10-20 12:56:45

1、平时我们使用文本框input, textarea时,我们有时候需要得到光标的位置或者说设置光标的位置.

但是文本框有个不足,就是不能满足我们插入图片或者其他的一些要求.

所以有时候我们使用div来代替文本框.

今天为了搞定设置DI的光标位置.头疼啊,终于可以了,记录一下,网上资料不多.

给一个div设置光标

2、首先要让DIV启用编辑模式.

<div contenteditable=true id="divTest"></div>

通过设定contenteditable=true开启div的编辑模式.这样DIV就可以跟文本框一样输入内容了。

给一个div设置光标

3、不扯话题了。下面说怎么获取或设置光标位置.

2个步骤:

1:获取DIV中的光标位置。

给一个div设置光标

4、2:改变光标位置。

 给document绑定光标变化事件。用来记录光标位置.。

这样就可以拿到DIV的光标位置了.。

给一个div设置光标

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢