intelogie/caret.js

There is no license information available for the latest version (dev-master) of this package.

Maintainers

Details

github.com/INTELOGIE/Caret.js

Source

Installs: 112

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 2

Forks: 163

Language:JavaScript

dev-master 2016-07-21 14:42 UTC

Unknown License 8926225c38ef520443b4378ae0d58728ef513cc0

This package is auto-updated.

Last update: 2024-11-21 20:39:56 UTC

README

Get caret position 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
$('#inputor').caret('position'); // => {left: 15, top: 30, height: 20}

// 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 the first char in the inputor.
$('#inputor').caret('pos'); // => 15

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

// set iframe context
// NOTE: Related to the iframe's cooridinate.
//       You might want to get the iframe's offset/position on your own
$('#inputor').caret('offset', {iframe: theIframe});
$('#inputor').caret('position', {iframe: theIframe});
$('#inputor').caret('pos', 15, {iframe: theIframe});