如何避免这种重复的键盘错误/警告？

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.