如何在键入文本时实现标签的即时隐藏()

时间:2013-04-17 02:30:24

标签: jquery html

我有一个带有标签的文字输入,我将它放在顶部作为占位符。我熟悉占位符属性,但它与此任务无关。

当用户输入输入时,占位符标签会隐藏。但问题是,它实际上需要一微秒才能发生 - 它不是即时的。这意味着你会在占位符覆盖文本的前几个字符时出现延迟。

我的HTML代码是:

<div class="input-wrap">';

    <div class="label" contenteditable="false">Write something</div>
    <div id="input" contenteditable="true"></div>

</div>

jQuery的:

$('.input-wrap').on('keyup','#status-input',function(){

    $('#label').hide();

});

I've made a codepen example here.

如果没有延迟输入内容,如何使标签消失?

1 个答案:

答案 0 :(得分:4)

您是否尝试过使用keydown事件?

http://codepen.io/anon/pen/Apxmy