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

Question

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

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

我的 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.

如何让标签在输入内容后立即消失？

Answer 1

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

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