ottenere ultimo carattere prima della posizione del punto di inserimento in javascript

Question

sto per implementare Facebook come nell'integrazione nel mio div contenteditable dove se io do '$' e un po 'di carattere, come 'a' Ho bisogno di un auto-suggestione, che dovrebbe pop-up vicino alla mia posizione di accostamento.

Ho bisogno di sapere come trovare l'ultimo carattere prima della posizione di accostamento in JavaScript per IE e Altri browser. Ho accesso alla libreria Jquery.

(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

Ecco un esempio di come procedere. Crea un intervallo che inizia all'inizio dell'elemento modificabile e termina immediatamente prima del cursore, ottiene il testo dell'intervallo e restituisce l'ultimo carattere di tale intervallo.

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

Codice:

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