problem with Chrome form handling: input onfocus="this.select()" problem with Chrome form handling: input onfocus="this.select()" google-chrome google-chrome

problem with Chrome form handling: input onfocus="this.select()"


Instead of binding to onfocus event you must bind this action into onclick event and it will work as you wanted.

<input onclick="this.select()" id="txt1" name="txt1" type="text" value="Search">


If you really insist on sticking with onfocus, then you'll need to add onmouseup="return false" too.


This works best for me...

<input type="text"  onfocus="this.searchfocus = true;" onmouseup="if(this.searchfocus) {this.select(); this.searchfocus = false;}" />

The mouseup event fires after onfocus.