how can i get cursor position in a textarea?

Question

hi there, how can i get cursor position in a textarea using jQuery? thanks

Answer 1

Not jQuery, but just Javascript...

var position = window.getSelection().getRangeAt(0).startOffset;

Answer 2

function caretPos(el)
{
    var pos = 0;
    // IE Support
    if (document.selection) 
    {
     el.focus ();
     var Sel = document.selection.createRange();
     var SelLength = document.selection.createRange().text.length;
     Sel.moveStart ('character', -el.value.length);
     pos = Sel.text.length - SelLength;
    }
    // Firefox support
    else if (el.selectionStart || el.selectionStart == '0')
     pos = el.selectionStart;

    return pos;

}

Answer 3

Modified BojanG's solution to work with jQuery. Tested in Chrome, FF, and IE.

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

    return pos;
}

} (jQuery);

Basically, to use it on a text box, do the following:

$("#myTextBoxSelector").getCursorPosition();