Récupère la position du curseur dans une div contenteditable

J’ai trouvé le code suivant ici sur SO pour obtenir la position du curseur d’un div contenteditable, mais il retourne toujours 0.

La fonction qui devrait récupérer la position:

new function($) { $.fn.getCursorPosition = function() { var pos = 0; var input = $(this).get(0); // IE Support if (document.selection) { input.focus(); var sel = document.selection.createRange(); var selLen = document.selection.createRange().text.length; sel.moveStart('character', -input.value.length); pos = sel.text.length - selLen; } // Firefox support else if (input.selectionStart || input.selectionStart == '0') pos = input.selectionStart; return pos; } } (jQuery); 

Le code que j’utilise pour le tester:

 $('div.MESSAGE_OF_DAY').keyup(function() { alert($(this).getCursorPosition()); // always returns 0??? }); 

J’utilise Chrome (8.0.552.215) si cela compte.

• Évitez la fonction createElement si elle se trouve dans un élément (contentEditable)
• Ne perdez pas le focus lorsque vous cliquez sur un autre élément
• selectionStart et selectionEnd dans l’élément contenteditable
• Contenu HTML5Editable avec jQuery
• Comment obtenir le décalage de pixel par rapport à la position actuelle du curseur dans une iframe avec contentEditable

• Insérer du code HTML lorsque le curseur se trouvait dans un contenu modifiable
• contenteditable met le curseur hors de la plage insérée
• Comment puis-je activer “glissable” sur un élément avec contentEditable?
• jQuery: Convertir l’URL du texte en lien en tapant
• Éditeur de texte et position du curseur pouvant être modifiés