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


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

atom HTML

逆转的恋歌君 10 years ago

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

防爆的氪金坚菊 answered 10 years ago

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

longkey answered 10 years ago

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

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

pworld answered 10 years ago

Your Answer