GitHub atom 文本编辑器是如何取得光标像素位置的?


我想做一个简单的编辑器,用html5技术.但是不能取得文本光标的像素位置.所以GitHub atom 文本编辑器是如何取得光标像素位置的?

atom HTML

逆转的恋歌君 9 years, 11 months ago

上面说的是一种方法,也可以使用 Range 来解决, 通过 window.getSelection().getRangeAt(0) 来取得光标所在位置的range,再通过 range 的offset和container 属性可以把光标的相对的位置记录下来,虽然不能取得光标确切的像素位置,但也能把光标的位置得到。

防爆的氪金坚菊 answered 9 years, 11 months ago

他那个光标是DIV模拟的吧?取一个DIV的坐标有什么难的?

longkey answered 9 years, 11 months ago

github的那个根本就不是textarea,editable之类的,是 完全 模拟编辑器。

取一个DIV的坐标有什么难的?

pworld answered 9 years, 11 months ago

Your Answer