使用javascript

Question

我的目标是在用户输入文本时在屏幕上显示文字，并在文字后显示下划线光标。我可以描述我想要做的最好的方法是使用命令行。

最好的方法是什么？我使用css的简单文本输入无法使其工作。

Answer 1

这是让你开始使用jQuery的东西。

$('input').on('input', function(e){
    $('div').empty().text($(this).val());
});

编辑：使用CSS

可以完成闪烁的下划线

div:after{
   content:"_";
   opacity:0;
   animation:blink .500s linear infinite;
}

@keyframes blink{
   from{opacity:0;}
   to{opacity:1;}
}

Answer 2

最好的方法？阅读每个keyup上的内容，然后将其注入目标容器以向用户显示。容易。

请检查：http://jsfiddle.net/VDd6C/8/

告诉我们你的代码。我们会帮忙的。

Answer 3

一个基本的，试试这个（在Chrome和FF中测试）

<强> Play it here

<强> HTML

<div>
    <span contenteditable="true">Enter your input: </span><span class="blink">_</span>
</div>

<强>的JavaScript

window.setInterval(function(){
  $('.blink').toggle();
}, 450);

<强> CSS

body {
    background-color: black;
    color:white;
    font-size: 15px;
    font-weight:bold;
    font-family: courier;
}
span {
 border: none;
}
div {
     max-width: 200px;   
}
div:focus, span:focus{
    outline: 0;
}