怎样获得光标的位置,大家看看这个难题

vme 2003-12-23 05:19:19
在DIV中,设置contenteditable属性:

<div id="WebEditDesign" contenteditable style="padding:3px; height:100px; width:99%; background-color:white; border: 1px inset #666666; overflow:auto;"></div>

在编辑状态下怎么获得光标的位置,或光标在WebEditDesign.innerHTML中的位置。

注:DIV不支持TextRange对象。
...全文
80 5 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
yjgx007 2003-12-24
  • 打赏
  • 举报
回复
你指的光标在文本中的位置与光标的坐标不同吗?
你指的位置是指?
vme 2003-12-24
  • 打赏
  • 举报
回复
那样可以获得光标的坐标,有没有办法获得光标在文本中的位置?
vme 2003-12-24
  • 打赏
  • 举报
回复
我是想实现如下功能:设置contenteditable属性后,可以编辑具有格式的文本,我想获得光标所在的位置,以确定光标所处的格式环境,这样编辑器的工具栏中的格式按纽可以根据光标所处的不同环境进行相应的变化。
yjgx007 2003-12-23
  • 打赏
  • 举报
回复
上面得到的坐标是绝对坐标
如果要得到相对div标记左上角点的光标位置,设置该div标记的style属性position=relative
yjgx007 2003-12-23
  • 打赏
  • 举报
回复
如果不考虑滚动条移动, 当编辑区变化时触发事件响应,直接通过event.x和event.y就可得到
注意当前event指的是id="WebEditDesign"事件

61,128

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧