如何避免這種重複的鍵盤錯誤/警告？

Question

我有一個表單輸入，其執行每一個鍵被按下的時間KEYUP功能，我得到的螢火一個警告，說：

The 'charCode' property of a keyup event should not be used. The value is meaningless. 

我這個翻譯爲「標籤已經隱然你keyup事件什麼都不做「

事情是......我只需要這個keyup函數來運行一次。

很簡單，功能是一個帶有字段提示的標籤，例如「輸入您的電子郵件」，將鼠標懸停在文本輸入上。打字時，標籤消失。

問題是，我的代碼試圖每次推送密鑰時都繼續隱藏此標籤。

我使用的HTML代碼：

<label for='inp_email'>enter your email</label> 
<input id="inp_email" name="inp[email]" class="inp" /> 

的jQuery是

$(document).ready(function(){ 

    $('.inp').keyup(function(){ 

     $(this).prev('label').fadeOut('fast'); 

    }); 

}); 

因此，我認爲它需要做這樣的檢查：

$('.inp').keyup(function(){ 

    $(this).prev('label:visible').fadeOut('fast'); 

}); 

（注： '：visible'in the selector。）

這不起作用。

而且我也試過：

$('.inp').keyup(function(){ 

    $(this).prev('label').is(':visible').fadeOut('fast'); 

}); 

但是error'd，所以我似乎不明白。是功能很好呢。

任何想法？

Answer 1

首先做一個檢查，如：

 if ($(this).prev('label').is(":visible")) 
    { 
     $(this).prev('label').fadeOut('fast'); 
    } 

如前所述在JQuery API中，「與其他過濾方法不同，.is()不會創建新的jQuery對象。」所以你不能鏈接它。

這是一個帶有工作版本的jsfiddle。

Answer 2

參見：The 'charCode' property of a keyup event should not be used. The value is meaningless

基本上，它看起來像你需要等到DOM準備就緒，與

$(document).ready(function(){ 

    // stuff here 

}); 

Answer 3

什麼是這樣的：

<label for="EmailInput" class="show-me">Enter your email</label> 
<input id="EmailInput" class="email-input" type="text" /> 

$(document).ready(function() { 

    $('input[type=text]').keyup(function() { 

     var idValue = $(this).attr('id'); 

     var label = $('label[for="' + idValue + '"]'); 

     if ($(label).hasClass('hidden')) 
     { 
      $(label).removeClass('hidden'); 
     } 
     else 
     { 
      $(label).addClass('hidden'); 
     } 

    }); 
}); 

可以看到它在這裏工作：http://jsfiddle.net/timothyclifford/5Y9Ws/2/

Answer 4

該警告是不相關的代碼無法正常工作。

這只是jQuery愚蠢。有一天jQuery會解決它。

Ignore it.