Getting the cursor position in an input field using javascript

Question

I have this text on an input element: BT25 3___ ____ ____ ____.

I need to know the index of the character where I clicked with the mouse. More specific I need to find what is the index of the clicked value?

It need to be functional in IE11.

in IE, isn't there an input.selectionStart or input.selStart? — Psi
– Psi, Commented Mar 20, 2017 at 9:03

Denys Séguret · Accepted Answer · 2017-03-20 09:04:27Z

8

Use selectionEnd on mouseup event:

document.querySelector("input").addEventListener("mouseup", function(e){
  console.log("pos:", this.selectionEnd);
});

<input value="BT25 3___ ____ ____ ____">

There's no compatibility problem, it even works on IE9.

answered Mar 20, 2017 at 9:04

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ttdol2506 Over a year ago

Thanks a lot. One more question, I saw that the selectionEnd and selectionStart works with the "onclick" and 'mouseup' events. Is it possible to make it work and on a keyboard event?

Denys Séguret Over a year ago

@ttdol2506 You don't even need an event, input.selectionStart and input.selectionEnd are always available on the input.

Collectives™ on Stack Overflow

Getting the cursor position in an input field using javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related