this.select() and javascript events on forms

Posted by aloishis89 on Stack Overflow See other posts from Stack Overflow or by aloishis89
Published on 2009-12-17T04:54:10Z Indexed on 2010/05/18 1:11 UTC
Read the original article Hit count: 344

I have a form box that I want to be always selected. I was able to get it to select everything in the box when it is clicked (using onFocus="this.select()") but I want it to be selected 100% of the time. The text in the box will be always changing, so I tried using onChange="this.select()" but that didn't work. Here's what I have:

    <form>
    <input type="text" id="txt1" size="30" maxlength="1" 
onkeyup="showHint(this.value)" onFocus="this.select()" onBlur="this.select()" 
onChange="this.select()" value="Click here, then press a key"/>
    </form>

Basically I just tried to call everything in hopes that something would work, but it is still acting as if only onFocus="this.select()" is there. By the way, this is for controlling something via keyboard, which is why the maxlength is only 1. I want it to be always selected so that when new key are pressed, the last command will be changed without having to use backspace.

© Stack Overflow or respective owner

Related posts about javascript-events

Related posts about JavaScript