contenteditable fare imleç pozisyonunu öğrenme

bir contenteditable içeriğimizde fare imlecinin pozisyonunu öğrenmek istersek window.getSelection() metodunu kullanacağız. Örnek vermek gerekirse.

<div contenteditable="true" id="test">bu bir deneme yazısıdır..</div>

Fare imleç pozisyonu: <span id="position"></span>

Şimdi dive tıkladıkça fare pozisyonunu alalım ve ekrana yazdıralım.

$('#test').on('click', function(){
  var sel = window.getSelection();
  $('#position').text( sel.extentOffset );
});

işte bu kadar basit ???? bana çoğu zaman lazım oluyor, blogda dursun dedim.

Demo