Textarea Highlight On Focus

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.

Solution 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