Textarea highlight on focus

Question

I'm trying to have all the contents in a textarea highlight when it gains focus. Currently, as soon as it gains focus the contents will be highlighted but it immediately loses it.

This is what I'm using:

<textarea onfocus="this.select()" readonly>Test</textarea>

Fiddle: http://jsfiddle.net/spedwards/Mr2ja/

Answer 1

You have prevent the mouseup event as well, as it fires after the focus is set and deselects the contents

<textarea onfocus="this.select()" onmouseup="return false;" readonly="readonly">Test</textarea>

FIDDLE