2013-10-30 50 views
0

我有要求客戶端,我需要顯示類型爲「文本」的所有輸入標籤的光標作爲水平光標,光標出現在命令提示符下。如何在文本框中獲得水平線光標(就像您在命令行中獲得的那樣)?

enter image description here

我認爲這可能與jQuery的幫助。

+0

「水平光標作爲光標出現在命令提示符」 - 你意思就像[本圖](http://www.bbc.co.uk/schools/gcsebitesize/ict/images/command_line.jpg)? –

+0

@ PaulD.Waite是......確切地說...... –

回答

-1

老實說,我不太確定這是否可行。看看這個fiddle,讓我知道。如果任何人有關於它的反饋或想法,那將不勝感激。

的Javascript

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

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

OP詢問出現在文本字段中的光標(又名插入符,「文本插入點,文本插入光標,文本框中閃爍的東西」),不是鼠標光標。 –

+1

是不是^脫字號?哦,我猜他的意思是閃爍的下劃線? – usernolongerregistered

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

相關問題