जावास्क्रिप्ट

Question

में कैरेट की स्थिति से पहले अंतिम चरित्र प्राप्त करें। मैं अपने संतोषजनक div में एकीकरण में फेसबुक को लागू करने वाला हूं, जहां मैं '$' देता हूं और 'ए' जैसे कुछ चरित्र को मुझे एक ऑटो-सुझाव की आवश्यकता होती है जिसे पॉप अप करना चाहिए मेरी देखभाल की स्थिति के पास।

मुझे यह जानने की जरूरत है कि आईई और अन्य ब्राउज़रों के लिए जावास्क्रिप्ट में कैरेट की स्थिति से पहले अंतिम चरित्र कैसे पता करें। मेरे पास 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

यहां ऐसा करने का एक उदाहरण दिया गया है। यह एक रेंज बनाता है जो संपादन योग्य तत्व की शुरुआत में शुरू होता है और कैरेट से ठीक पहले समाप्त होता है, सीमा का पाठ प्राप्त करता है और उस सीमा के अंतिम चरित्र को वापस करता है।

डेमो: http://jsfiddle.net/MH5xX/

कोड:

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