1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
Caret.js
========
Get caret position or offset from inputor
This is the core function that working in [At.js](http://ichord.github.com/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
=====
```javascript
// 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});
```
|
