jQuery Caret

This is a very simple lightweight plugin to allow you to move the caret (or cursor) position in an <input /> or <textarea> element.

By exposing three jQuery.fn methods you can easily move a a caret to any position you like:

$.fn.caret()

Use this method with no parameters to get the current position of the caret within the first element matched.

var position = $('input').caret();

$.fn.caret( index , [ offset ] )

This methods first parameter is the index of where you want to move the caret to. In order to move to an index, index must be an integer.

Alternatively you can pass a string as an index and it will be used via .indexOf() the element's value to get an index to move to.

The second parameter is to be used to move the caret to an offset of the index. When set to true, it will move the cursor after the string if a string was passed.

$('input').caret(10);

$.fn.caretToEnd()

This method moves the caret to the end of the content within your element, also for your convenience.

$('input').caretToEnd();

Author

Luke Morton

License