javascript - 输入文本时如何使框出现？

Question

我有这个 HTML 代码:

<div class="center1">
<form>
<input type="text" class="input1" autofocus="focus"  />
</form>
</div>

<br><br>

<div class="center1">
    <div class="box"></div>
</div>

我已将其添加到此 JSFiddle 链接:http://jsfiddle.net/PDnnK/4/

如你所见，有:

输入字段
&
盒子

我希望只有在输入中键入文本时才会出现该框。这是怎么做到的？

Answer 1

用 display: none 开始盒子。然后，您可以捕获输入的 keypress 事件:

document.getElementById('myInput').onkeypress = function () {
  document.getElementById('myBox').style.display = 'block';
}