Get current cursor position in a textbox

Question

I need a code to find current position of cursor in a textbox textarea  It should work with chrome and firefox  Following is the code which I am using    lt  DOCTYPE html gt   lt html gt     lt head gt       lt script gt        function textbox                   document getElementById  Javascript example   value   document activeElement id          var ctl   document getElementById  Javascript example            alert ctl            var startPos   ctl selectionStart          alert startPos           var endPos   ctl selectionEnd          alert endPos                lt  script gt     lt  head gt     lt body gt        lt input id  Javascript example  name  one  type  text  value  Javascript example  onclick  textbox    gt      lt  body gt   lt  html gt    Any suggestion

User · Accepted Answer

It looks OK apart from the space in your ID attribute, which is not valid, and the fact that you're replacing the value of your input before checking the selection.

_x000D_

function textbox()_x000D_
{_x000D_
        var ctl = document.getElementById('Javascript_example');_x000D_
        var startPos = ctl.selectionStart;_x000D_
        var endPos = ctl.selectionEnd;_x000D_
        alert(startPos + ", " + endPos);_x000D_
}

_x000D_

<input id="Javascript_example" name="one" type="text" value="Javascript example" onclick="textbox()">

_x000D_

Also, if you're supporting IE <= 8 you need to be aware that those browsers do not support selectionStart and selectionEnd.

User · Answer

Here s one possible method   function isMouseInBox e      var textbox   document getElementById  textbox          Box position  amp  sizes   var boxX   textbox offsetLeft    var boxY   textbox offsetTop    var boxWidth   textbox offsetWidth    var boxHeight   textbox offsetHeight        Mouse position comes from the  mousemove  event   var mouseX   e pageX    var mouseY   e pageY    if mouseX gt  boxX  amp  amp  mouseX lt  boxX boxWidth        if mouseY gt  boxY  amp  amp  mouseY lt  boxY boxHeight             Mouse is in the box        return true               document addEventListener  mousemove   function e       isMouseInBox e

[javascript] Get current cursor position in a textbox

Examples related to javascript

Examples related to firefox

Examples related to textbox

Examples related to cursor