javascript içinde caret konumundan önceki son karakteri al

Question

nezaketsiz div benim entegrasyonu gibi Facebook'u uygulamak üzereyim nerede '$' ve 'a' gibi bir karakter pop-up olması gereken bir otomatik öneriye ihtiyacım varsa karnaval pozisyonumun yakınında.

Son konum karakterini, IE ve Diğer tarayıcılar için JavaScript konumundayken, düzeltme yapmadan önce nasıl öğreneceğimi bilmem gerekiyor. JQuery kütüphanesine erişimim var.

(function($) { 
    $.fn.getCursorPosition = function() { 
     var input = this.get(0); 
     if (!input) return; // No (input) element found 
     if ('selectionStart' in input) { 
      // Standard-compliant browsers 
      return input.selectionStart; 
     } else if (document.selection) { 
      // IE 
      input.focus(); 
      var sel = document.selection.createRange(); 
      var selLen = document.selection.createRange().text.length; 
      sel.moveStart('character', -input.value.length); 
      return sel.text.length - selLen; 
     } 
    } 
})(jQuery); 

eg. 
var caretPosition = $("#contenteditablediv").getCursorPosition(); 
var lastchar = getchar(caretposition -1);??? 

Answer 1

İşte bunun nasıl yapılacağına dair bir örnek. Düzenlenebilir öğenin başında başlayan ve düzeltme yapmadan hemen önce sona eren bir aralık oluşturur, aralığın metnini alır ve bu aralığın son karakterini döndürür.

Demo: http://jsfiddle.net/MH5xX/

Kodu:

function getCharacterPrecedingCaret(containerEl) { 
    var precedingChar = "", sel, range, precedingRange; 
    if (window.getSelection) { 
     sel = window.getSelection(); 
     if (sel.rangeCount > 0) { 
      range = sel.getRangeAt(0).cloneRange(); 
      range.collapse(true); 
      range.setStart(containerEl, 0); 
      precedingChar = range.toString().slice(-1); 
     } 
    } else if ((sel = document.selection) && sel.type != "Control") { 
     range = sel.createRange(); 
     precedingRange = range.duplicate(); 
     precedingRange.moveToElementText(containerEl); 
     precedingRange.setEndPoint("EndToStart", range); 
     precedingChar = precedingRange.text.slice(-1); 
    } 
    return precedingChar; 
}