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

See the Pen htHwq by Tayfun Erbilen (@tayfunerbilen) on CodePen.

Yayınlayan

Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“contenteditable fare imleç pozisyonunu öğrenme” üzerine 4 yorum

  1. Peki fare imleç pozizyonunu div içerisinde en sona taşımak istersek nasıl yapabiliriz acaba?

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir