如何在文本输入到输入时显示框？

Question

请看看这个的jsfiddle链接：

http://jsfiddle.net/PDnnK/4/

正如你可以看到有

输入字段 & BOX

我想只有当文本中输入框出现输入。

这是如何完成的？

谢谢！

詹姆斯

Answer 1

像这样的东西用jQuery：

$("#id-of-input").change(function() { $("#id-of-box"}.css('display', 'block'); }); 

或更改.change到。点击

Answer 2

启动开箱与display: none。然后，您可以捕捉到keypress事件输入：

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

Answer 3

绑定到“变”通常不是超级好用，因为它通常不火，直到选项卡或点击元素了。

但是，轮询也不是答案。

原来的答案： http://jsfiddle.net/xNEZH/2/

超梦幻新的答案： http://jsfiddle.net/4MhKU/1/

$('.input1').bind('mouseup keyup change cut paste', function(){ 
    setTimeout(function(){ 
     var hasInput = $('.input1').val() != ""; 
     $('.box')[hasInput ? 'show' : 'hide'](); 
    }, 20); 
}); 

的setTimeout的是，因为剪切和粘贴事件触发的文本之前被切断或粘贴。