如何在文本框中获得水平线光标（就像在命令行上一样）？

Question

我有客户端的要求，其中我需要将所有类型为“文本”的输入标签的光标显示为水平光标，因为光标出现在命令提示符中。

我认为在 jQuery 的帮助下这可能是可能的。

Answer 1

您可能需要跳出框框来思考这一问题。

尝试制作一个模仿文本框的组件，其中有一个闪烁的光标。

<div id="box"><span id="cursor" class="blink">_</span></div>

并添加一些行为：

setInterval(function blink () {
  $('#cursor').toggleClass('hidden');
}, 600);

$(document.body).on('keypress', function(event) {
   $('#cursor').before(String.fromCharCode(event.keyCode));
});

这不是一个解决方案，但应该给您一个想法：http://jsfiddle.net/EDLEB/