给一个div设置光标

时间:2026-02-14 15:08:20

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设置光标

© 2026 海能知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com