用自定义char替换闪烁的文本光标

时间:2013-08-09 01:17:41

标签: javascript css

我正在创建像MySQL cmd这样的东西并且有完整的设计,我想用下划线唱替换插入点(闪烁的线)。有什么提示吗?

3 个答案:

答案 0 :(得分:4)

如果你希望这很容易,那么坏消息是没有一种快速而简单的方法可以做到这一点 - 文本光标不是你可以用几行javascript改变的东西。 CSS。

如果你真的想这样做,你将需要用javascript编写自己的整个文本输入系统 - 自己显示光标,等待按键,将它们打印到屏幕上,处理任何类似的文字 - 手动包装....这是一项相当多的工作。

幸运的是,其他人已经完成了这项工作并且可以分享,所以我建议你最好的出发点是看一些现有的例子,看看他们是如何做到的。

这是我通过谷歌搜索找到的一个:http://terminal.jcubic.pl/。还有很多其他的你可以试试。

希望有所帮助。

答案 1 :(得分:2)

这是你需要做的。

  • 使输入文本字段不可见,因此可用但不可见。
  • 复制其内容
  • 将其渲染到另一个div。
  • 并添加自定义框或其他...

Styling text input caret

Hide textfield blinking cursor

答案 2 :(得分:-1)

怎么样:

textarea{
   cursor:url(underlineimage.png),auto;
}

将textarea替换为您希望更改光标的任何元素。您需要创建一个您希望光标看起来像的自定义图像。