如何在文本框中获得水平线光标(就像你在命令行中获得的那样)?

时间:2013-10-30 18:02:14

标签: javascript jquery html

我要求客户端在命令提示符中显示光标时,我需要将所有输入标签的光标以“text”类型显示为水平光标。

enter image description here

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

2 个答案:

答案 0 :(得分:4)

您可能需要在此框外思考。

尝试制作一个模仿文本框的组件,里面有一个闪烁的光标。

<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/

答案 1 :(得分:-1)

老实说,我不确定这是不可能的。看看这个fiddle并告诉我。如果有人对此有任何反馈或想法,那将不胜感激。

的Javascript

var element = document.createElement('input');
var blinker = document.getElementsByTagName('span');
element.value = blinker;

document.getElementsByTagName('input').append(blinker);