按 T​​ab 键进入文本区域而不突出显示文本

发布于 2024-11-17 18:30:51 字数 290 浏览 0 评论 0原文

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

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

Basically, when I tab through this form, for every input field the text is highlighted, but this doesn't happen for my textareas. Any help or ideas would be appreciated. I've included my textarea html below just in case.

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

醉殇 2024-11-24 18:30:51

使用 onfocus 而不是 onclick,因为从 Tab 键获取焦点不会分派单击事件(因此不会调用 onclick 处理程序)。请注意,HTML5 有占位符 属性将执行您的脚本正在执行的操作。

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

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

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

Use onfocus instead of onclick, as getting focus from tabbing does not dispatch a click event (so the onclick handler isn't called). Note that HTML5 has the placeholder attribute that will do what your script is doing.

To select the text in the textarea, add a handler for the focus event:

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

Note that this may annoy users as they don't expect this to happen for textarea elements.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文