erhalten letzte Zeichen vor Caret Position in Javascript

Question

Ich bin dabei, Facebook wie in der Integration in meine contenteditable div zu implementieren, wo, wenn ich '$' geben und ein Zeichen wie 'a' brauche ich eine Auto-Vorschlag, der auftauchen sollte in der Nähe meiner Caret-Position.

Ich muss wissen, wie man das letzte Zeichen vor Caret Position entweder in JavaScript für IE und andere Browser herausfinden. Ich habe Zugriff auf die Jquery-Bibliothek.

(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

Hier ist ein Beispiel, wie Sie dies tun. Es erstellt einen Bereich, der am Anfang des editierbaren Elements beginnt und unmittelbar vor dem Caret endet, den Text des Bereichs abruft und das letzte Zeichen dieses Bereichs zurückgibt.

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

Code:

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; 
}