FaNaT_96,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(function(){
function getCaretPos(element) {
element.focus();
if (document.selection) {
var sel = document.selection.createRange();
var clone = sel.duplicate();
sel.collapse(true);
clone.moveToElementText(element);
clone.setEndPoint('EndToEnd', sel);
return clone.text.length;
} else {
return window.getSelection().getRangeAt(0).startOffset;
}
return 0;
}
$('#brief').mouseup(function(){
alert(getCaretPos(this) );
})
})
</script>
</head>
<body>
<p id="brief" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut optime, secundum naturam affectum esse possit. Dulce amarum, leve asperum, prope longe, stare movere, quadratum rotundum. Sin laboramus, quis est, qui alienae modum statuat industriae? Duo Reges: constructio interrete. </p>
</body>
</html>