सामग्री संपादन योग्य div

Question

से हटाए गए वर्ण प्राप्त करें मैं content editable div का उपयोग कर रहा हूं क्योंकि मैं टेक्स्ट क्षेत्र में उपयोगकर्ता द्वारा चुने गए इमोटिकॉन्स दिखाना चाहता हूं।

मुझे पता है कि क्या characterbackspace या delete बटन के साथ deleted है चाहता हूँ।

क्या jquery या javascript के साथ चरित्र को जानना संभव है?

अद्यतन

यह सभी डुप्लिकेट पर नहीं है के बाद से सभी जवाब कैसे एक दबाया कुंजी delected चरित्र के बारे में नहीं नज़र रखने के लिए के बारे में कर रहे हैं।

Answer 1

मेरे पास एक साफ समाधान नहीं है।

var lastText = $('#editable').text(); 
$('#editable').keyup(function(event){ 
    if (event.which==8 || event.which==46) { 
    var newText = $(this).text(); 
    for (var i=0; i<lastText.length-1; i++) { 
     if (lastText[i]!=newText[i]) { 
     console.log("char '" + lastText[i] + "' was removed at index "+i); 
     lastText = newText; 
     return; 
     } 
    } 
    } 
}); 

Demonstration

Answer 2

आप आप क्या चाहते करने के लिए preventDefault() फ़ंक्शन का उपयोग कर सकते हैं: लेकिन यह एक अगर आप बैकस्पेस कुंजी हिट यदि आपने निकाले गए चार को दर्शाता है।

यहाँ एक <textarea> का उपयोग कर एक उदाहरण है, लेकिन यह किसी भी तत्व का विस्तार करना चाहिए:

http://jsfiddle.net/4dThe/

$('#txtArea').keydown(function(e) { 

    if (e.which == 8) 
    { 
    var value = $(this).val(); 
    var lastchar = value.substring(value.length - 1); 

     alert("Last character is: " + lastchar); 
     $(this).val(value.substring(0, value.length - 1)); 
     e.preventDefault(); 
    } 

}); 

preventDefault() विधि ब्लॉक बैकस्पेस आपरेशन, इसलिए पिछले चरित्र को नहीं हटाया गया है। फिर आप देख सकते हैं कि आखिरी चरित्र क्या है, और बैकस्पेस ऑपरेशन स्वयं करें।

आपको सही चरित्र को हटाने के लिए वर्तमान कर्सर स्थिति का पता लगाने के लिए उपरोक्त उदाहरण को बदलने की आवश्यकता होगी, लेकिन यह एक शुरुआत है।