Javascript text焦点区域突出显示

Javascript text焦点区域突出显示,javascript,html,Javascript,Html,我试图让文本区域中的所有内容在获得焦点时高亮显示。目前,一旦它获得焦点,内容将突出显示,但它立即失去它 这就是我正在使用的: <textarea onfocus="this.select()" readonly>Test</textarea> 测试 Fiddle:您还可以阻止mouseup事件,因为它在设置焦点并取消选择内容后触发 <textarea onfocus="this.select()" onmouseup="return false;" readon

我试图让文本区域中的所有内容在获得焦点时高亮显示。目前,一旦它获得焦点,内容将突出显示,但它立即失去它

这就是我正在使用的:

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

Fiddle:

您还可以阻止mouseup事件,因为它在设置焦点并取消选择内容后触发

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

这是有效的,尽管我不得不问,为什么你要将
onfocus
更改为
onfocusin
?@Spedwards-只是一个输入错误,我更改它来测试一些东西,但它不相关,删除了它。奇怪的是它仍然有效。让我相信,
onfocusin
是一个替代方案,这让我有理由相信
onfocusout
如果存在,可以替代
onblur
onfocusout
存在,并且是
onblur
的替代方案,区别在于它们对父母的态度如何。除非您需要授权,否则通常应坚持使用
焦点
模糊