Javascript 如何在文本字段中隐藏闪烁的光标

您好，我正在尝试一个文本框展开和折叠选项，文本框在单击时展开，再次单击时折叠，其中有一个占位符，当我尝试再次单击文本框时，闪烁的光标显示在占位符上。请帮助我在文本字段中隐藏闪烁的光标

这方面的代码是：

<@spring.formTextarea "messageWallMessage.messageText", "rows=1 cols=1 style='font-size:11px;color:#666666;width:650px; min-height:28px; padding:0 0 0px 1px;margin: 6px 0 -6px 10px;' onkeyup='return showLinkedIcon();' onFocus='if(this.value == 'What\'s on your mind?') { this.value='';showLinkedIconPublish();return false;}' onBlur='return publishMsg();' onClick='return showLinkedIconPublish();'spellcheck='false'"/>

---

一种解决方案是，当文本区域获得焦点，而您希望光标被抑制时，它立即调用

blur（）

。当然，一旦您希望textarea成为可选择的，您就需要添加逻辑来防止这种行为

---

下面是一个基本示例：

不幸的是，您似乎无法在不同时更改文本外观的情况下更改文本光标的外观。这两者是一个整体，也是操作系统处理文本的一部分（据我所知）

---

您可以将文本设置为白色以隐藏光标，直到有人开始键入，但我相信您希望有一个更好的解决方案。

我本以为摆脱闪烁光标的唯一方法是将焦点移到另一个元素-可能这只是用户单击以折叠文本框时的“问题”，而不是扩大它。也许在这种情况下，将焦点移动到选项卡顺序中的下一个元素？@w3d您也可以将焦点移动到隐藏的表单字段。@reporter-实际上，在展开和折叠过程中，我正试图显示和隐藏另一个div，折叠后已展开的div显示为当前文本字段，与展开前相同。至少在Windows上。。。更改文本颜色不会影响光标的颜色。光标的颜色似乎与背景色相反，因此当控件具有焦点时，光标始终可见。（在常规窗体控件上，即。）