nextcloud/apps/comments/js/vendor/Caret.js
Arthur Schiwon 8e60a2bd28
add At.js and dependencies
Signed-off-by: Arthur Schiwon <blizzz@arthur-schiwon.de>
2017-10-22 14:14:33 +02:00
..
dist add At.js and dependencies 2017-10-22 14:14:33 +02:00
src add At.js and dependencies 2017-10-22 14:14:33 +02:00
.bower.json add At.js and dependencies 2017-10-22 14:14:33 +02:00
CHANGELOG.md add At.js and dependencies 2017-10-22 14:14:33 +02:00
Gruntfile.coffee add At.js and dependencies 2017-10-22 14:14:33 +02:00
LICENSE-MIT add At.js and dependencies 2017-10-22 14:14:33 +02:00
README.md add At.js and dependencies 2017-10-22 14:14:33 +02:00
bower.json add At.js and dependencies 2017-10-22 14:14:33 +02:00
component.json add At.js and dependencies 2017-10-22 14:14:33 +02:00
package.json add At.js and dependencies 2017-10-22 14:14:33 +02:00

README.md

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
$('#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
// not working in contentEditable mode
$('#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});