jquery caret
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/caret/1.0.0/jquery.caret.min.js"></script>
<input type="text" class="sensor" size="30" value="012 456 8900"/><br/>
Caret Position: start=<span class="caretStart"></span>, end=<span class="caretEnd"></span>
<b>
<p class="solo_pos">
</p>
JavaScript
(function($){
$("document").ready(function(){
$("input:text.sensor").click(function(){
$("span.caretStart").text($(this).caret().start);
$("span.caretEnd").text($(this).caret().end);
$("p.solo_pos").text($(this).caret());
console.log(event.type, $(this).caret())
}).bind("input", function(){
$("span.caretStart").text($(this).caret().start);
$("span.caretEnd").text($(this).caret().end);
$("p.solo_pos").text($(this).caret());
console.log(event.type, $(this).caret())
})/*.mousemove(function(){
$("span.caretStart").text($(this).caret().start);
$("span.caretEnd").text($(this).caret().end);
$("p.solo_pos").text($(this).caret());
console.log(event.type, $(this).caret())
})*/;
});
})(jQuery);