Tab键插入文本区域,而不突出显示文本

Tab into a textarea not highlighting the text

本文关键字:显示 文本 插入文本 区域 Tab      更新时间:2023-09-26

基本上,当我浏览这个表单时,每个输入字段的文本都会高亮显示,但我的文本区域不会出现这种情况。任何帮助或想法都将不胜感激。我在下面包含了我的文本区域html,以防万一。

<textarea onblur="if(this.value==''){this.value='Embed Code'}" onclick="if(this.value=='Embed Code'){this.value=''}" name="post.code">Embed Code</textarea>

使用onfocus而不是onclick,因为从选项卡获取焦点不会调度点击事件(因此不会调用onclick处理程序(。请注意,HTML5具有占位符属性,该属性将执行脚本正在执行的操作。

要在文本区域中选择文本,请为焦点事件添加一个处理程序:

<textarea ... onfocus="this.select()" ...

请注意,这可能会惹恼用户,因为他们不希望在文本区域元素中发生这种情况。