如何在文本輸入時實現標籤的即時隱藏（）標籤

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

您是否嘗試過使用​​事件？

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