Home/ Questions/Q 4114914
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T22:30:56+00:00

I want to stop selecting text in textBox and set cursor to last when

  • 0

I want to stop selecting text in textBox and set cursor to last when textBox is focusing by TAB keypress. how can I do that? please suggest me. I have tried by googling with following code

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test Document</title>
<script type="text/javascript">
function cursorLast(){
//    var no = document.getElementById('get').length;
    setCaretPosition(document.getElementById('get'),4);

}

function setCaretPosition(ctrl, pos){
    if(ctrl.setSelectionRange){
        ctrl.focus();
        ctrl.setSelectionRange(pos,pos);
    }
    else if (ctrl.createTextRange) {
        var range = ctrl.createTextRange();
        range.collapse(true);
        range.moveEnd('character', pos);
        range.moveStart('character', pos);
        range.select();
    }
}


</script>
</head>

<body>

  <form method="get" id="searchform" action="#" >
    <input type="text" onblur="if (this.value == '') {this.value = 'test';}" onfocus="if (this.value == 'test') {this.value = '';}" value="test" name="s" />
        <br /><br />
    <input type="text" value="test" name="s" id="get" onfocus="cursorLast();"/>
  </form>

</body>
</html>

This code is not working.

Thanks in advance.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You could do this by capturing the keydown event of the first input and then preventing the default tab behaviour.

    <head>
    <script type="text/javascript">
        function KeyDownHandler(event)
        {
            var e = event.which || event.keyCode;
            if (e == 9)
            {
                event.preventDefault();
                setCaretPosition(document.getElementById('get'), 4);
            }
        }

        function setCaretPosition(ctrl, pos)
        {
            if (ctrl.setSelectionRange)
            {
                ctrl.focus();
                ctrl.setSelectionRange(pos, pos);
            }    
            else if (ctrl.createTextRange)
            {
                var range = ctrl.createTextRange();
                range.collapse(true);
                range.moveEnd('character', pos);
                range.moveStart('character', pos);
                range.select();
            }
        }
    </script>
</head>
<body>
    <form>
        <input type="text" value="test" name="s" onkeydown="KeyDownHandler(event);" />
        <br /><br />
        <input type="text" value="test" name="s" id="get" />
    </form>
 </body>
    • 0