Caret.js

Get caret postion or offset from inputor

This is the core function that working in At.js.
Now, It just become an simple jquery plugin so that everybody can use it.
And, of course, At.js is using this plugin too.

• support iframe context

Live Demo

http://ichord.github.com/Caret.js/

Usage

// Get caret position
// not working in `contentEditable` mode
$('#inputor').caret('position'); // => {left: 15, top: 30, height: 20}
$('#inputor').caret('iframe', iframe1).caret('position')

// Get caret offset
$('#inputor').caret('offset'); // => {left: 300, top: 400, height: 20}

var fixPos = 20
// Get position of the 20th char in the inputor.
// not working in `contentEditable` mode
$('#inputor').caret('position', fixPos);

// Get offset of the 20th char.
// not working in `contentEditable` mode
$('#inputor').caret('offset', fixPos);

// more

// Get caret position from first char in inputor.
$('#inputor').caret('pos'); // => 15

// Set caret position in the inputor
// not working in contentEditable mode
$('#inputor').caret('pos', 15);

// set iframe context
<!-- $('#inputor').caret({iframe: theIframe}); -->
$('#inputor').caret('offset', {iframe: theIframe});
$('#inputor').caret('pos', 15, {iframe: theIframe});