difference between jQuery keypress and javascript onkeypress

Question

What's difference between jQuery keypress and JavaScript onkeypress?

When I'm trying to get cursor's start/end position in textbox/textarea in jquery I must use this one (using caret plugin)

$("#sometextbox").keypress(function(e){
   var stratposition = this.caret().start;
   var endposition= this.caret().end;
});

but when onkeypress

<textarea onkeypress="return makeGeo(this,event);"></textarea>

function makeGeo(ob,e) {
    var startPos = ob.selectionStart;
    var endPos = ob.selectionEnd;

}

Is there any way to get cursor's positions in jquery without caret plugin?

This post has several new ideas: http://stackoverflow.com/questions/1891444/cursor-position-in-a-textarea-character-index-not-x-y-coordinates — Abraar Arique Diganto, Jul 15 '15 at 12:08

Rick Hitchcock · Accepted Answer · 2015-07-15T12:12:37.287

0

In the jQuery event handler, simply use this.selectionStart and this.selectionEnd:

$("#sometextbox").keypress(function(e) {
  var startPos = this.selectionStart;
  var endPos = this.selectionEnd;
  console.log(startPos, endPos);
}).focus();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<textarea id="sometextbox"></textarea>

edited Jul 15 '15 at 12:12

answered Jul 15 '15 at 12:05

Rick Hitchcock

35,202
5
48
79

I'm using jquery 1.10.2 version and I've allready try this one and get undefined :( and btw in chrome this method works fine but no tin IE (doc mode 7) – Jaztingo Jul 15 '15 at 12:11
jQuery version shouldn't matter. I've changed to 1.10.2 in my answer. What browser are you using? – Rick Hitchcock Jul 15 '15 at 12:12
In Chrome this method works fine but not in IE (doc mode 7) – Jaztingo Jul 15 '15 at 12:15
Ouch, sorry you have to support that. @abraararique posted a good link in his comment. – Rick Hitchcock Jul 15 '15 at 12:16

difference between jQuery keypress and javascript onkeypress

1 Answers1