jQuery Get the cursor position of text in input without browser specific code

Question

Is there any way in jQuery to get the current cursor-position in an text input without doing ugly browser specific code   Like in    lt input id  myTextInput  type  text  value  some text   gt    the cursor being after the  x  of  some text   I can get  8

User · Answer

Using the syntax text element selectionStart we can get the starting position of the selection of a text in terms of the index of the first character of the selected text in the text element value and in case we want to get the same of the last character in the selection we have to use text element selectionEnd   Use it as follows    lt input type text id t1 value abcd gt   lt button onclick  alert document getElementById  t1   selectionStart   gt check position lt  button gt    I m giving you the fiddle demo

User · Answer

A warning about the Jquery Caret plugin   It will conflict with the Masked Input plugin  or vice versa    Fortunately the Masked Input plugin includes a caret   function of its own  which you can use very similarly to the Caret plugin for your basic needs -   element  caret   begin or  end

User · Answer

just came across while browsing  might help you javascript-getting-and-setting-caret-position-in-textarea  You can use it for textbox also

User · Answer

You can t do this without some browser specific code  since they implement text select ranged slightly differently   However  there are plugins that abstract this away   For exactly what you re after  there s the jQuery Caret  jCaret  plugin   For your code to get the position you could do something like this       myTextInput   bind  keydown keypress mousemove   function       alert  Current position        this  caret   start         You can test it here

[jquery] jQuery: Get the cursor position of text in input without browser specific code?

Examples related to jquery

Examples related to input

Examples related to cursor-position