Как узнать координаты курсора в элементе contenteditable, в пикселах относительно документа либо экрана либо элемента contenteditable ?
Сейчас узнаю (см. код ниже) координаты выделенного фрагмента путем определения координат выделенной области через getSelection , но это не работает когда строка пустая (нажимаю enter) - координаты в данном случае обнуляются (cursorCoords.x=0, cursorCoords.y=0)
| Код |
<style>
#editfield{
width: 100px;
height: 100px;
border: 1px #777 solid;
}
</style>
<div id="editfield" contenteditable></div>
<script>
$("#editfield").on("click keyup", function(){
var sel = window.getSelection(),
range = sel.getRangeAt(0),
cursorCoords = range.getBoundingClientRect();
console.log("cursorCoords: "+ cursorCoords.x + " х " + cursorCoords.y);
});
</script>
|
|
)