按 Tab 键进入文本区域而不突出显示文本
基本上,当我浏览此表单时,每个输入字段的文本都会突出显示,但我的文本区域不会发生这种情况。任何帮助或想法将不胜感激。为了以防万一,我在下面添加了我的 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
使用 onfocus 而不是 onclick,因为从 Tab 键获取焦点不会分派单击事件(因此不会调用 onclick 处理程序)。请注意,HTML5 有占位符 属性将执行您的脚本正在执行的操作。
要选择文本区域中的文本,请添加焦点事件的处理程序:
请注意,这可能会惹恼用户,因为他们不希望文本区域元素发生这种情况。
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:
Note that this may annoy users as they don't expect this to happen for textarea elements.