Home/ Questions/Q 71197

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-10T19:51:00+00:00

I would like the value of the input text box to be highlighted when

  • 0

I would like the value of the input text box to be highlighted when it gains focus, either by clicking it or tabbing to it.

<html> <body>  <script> function focusTest(el) {    el.select(); } </script>  <input type='text' value='one' OnFocus='focusTest(this); return false;' /> <br/> <input type='text' value='two' OnFocus='focusTest(this); return false;' />  </body> </html>

When either input field is clicked in Firefox or IE, that field is highlighted. However, this doesn’t work in Safari. (NOTE: it works when tabbing between fields.)

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. I noticed Safari is actually selecting the text then removing the selection quickly.

    So I tried this quick workaround that works in all browsers:

    function focusTest(el) {   setTimeout (function () {el.select();} , 50 ); }

    Edit :
    Upon further testing it turns out the OnMouseUp event is clearing the selection so it is enough to add

    onMouseUp='return false;'

    to the input element for things to work as they should.

    • 0