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

Question

你好我正在尝试一个文本框展开和折叠选项，文本框在点击时展开，然后在再次点击它时折叠，其中有一个占位符，而我正在尝试再次单击文本框闪烁的光标出现在占位符上。请帮我隐藏文本字段中闪烁的光标。

这个代码是：

<@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'"/>

Answer 1

一种解决方案是让textarea在您希望光标被抑制时获得焦点时立即调用blur()。一旦你想让textarea成为可选择的，你当然需要添加逻辑来防止这种行为。

以下是一个基本示例：http://jsfiddle.net/3V8F6/1/

Answer 2

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

您可以将文字设为白色以隐藏光标，直到有人开始输入，但我确信您希望找到比此更好的解决方案。