Javascript on(';键控';仅在文本输入处于焦点时,如果I alt tab被调用?
在过去的一个半小时里,我一直试图让这段代码正常工作,但似乎无法正常工作。这段代码在JSFIDLE上运行,但在我的网站上,只有在文本区域处于焦点时,我alt tab才能正常工作。这似乎是我在上面使用的任何东西('keyup'on不起作用,但当我使用.keyup时,另一段代码正常工作(在非动态内容上测试keyup).现在我会使用.keyup来处理这个特定的代码,但我需要它来处理动态内容,所以我得出结论,on最适合这种情况 我的Javascript:Javascript on(';键控';仅在文本输入处于焦点时,如果I alt tab被调用?,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,在过去的一个半小时里,我一直试图让这段代码正常工作,但似乎无法正常工作。这段代码在JSFIDLE上运行,但在我的网站上,只有在文本区域处于焦点时,我alt tab才能正常工作。这似乎是我在上面使用的任何东西('keyup'on不起作用,但当我使用.keyup时,另一段代码正常工作(在非动态内容上测试keyup).现在我会使用.keyup来处理这个特定的代码,但我需要它来处理动态内容,所以我得出结论,on最适合这种情况 我的Javascript: $('#posts')。关于('keyup',“t
$('#posts')。关于('keyup',“textarea#commentreply”,函数(){
var$submit=$(this.parent().find(#submit”);
var$number=$(this.parent().find(“#左”);
var$text=$(此);
var text_length=$text.val().length;
var text_剩余=360-text_长度;
$number.html(剩余文本);
如果(文本_剩余<0){
$number.addClass('error-message');
$submit.prop(“已禁用”,
正确的);
}否则{
$number.removeClass('error-message');
$submit.prop(“禁用”,false);
}
返回false;
});
我的Html:
还剩360个字符。
回复
我使用jQuery 1.9.0、1.10.1、1.10.2和2.0.3进行了尝试。如果有人能帮助我,我将不胜感激。你能链接到你的小提琴吗?问题的一个示例页面会有所帮助。如果“#posts”是“#comment form”?你还有其他键[向上|向下|按]您实际站点上的侦听器?正如我在JSFIDLE上所说的,它可以工作,但在站点上它可以。除了2.keyup()(如果我将它们切换到.on(“keyup”)),我没有其他关键侦听器(这些侦听器面临同样的问题)。我还有其他一些关于侦听器,包括更改、单击和提交。
$('#posts').on('keyup', "textarea#commentreply", function () {
var $submit = $(this).parent().find("#submit");
var $number = $(this).parent().find("#left");
var $text = $(this);
var text_length = $text.val().length;
var text_remaining = 360 - text_length;
$number.html(text_remaining);
if (text_remaining < 0) {
$number.addClass('error-message');
$submit.prop("disabled",
true);
} else {
$number.removeClass('error-message');
$submit.prop("disabled", false);
}
return false;
});
<form id="comment-form">
<textarea rows="3" placeholder="Reply here..." id="commentreply"></textarea>
<p class="remaining-char">
<span id="left">360</span> Characters left.
</p>
<button type="submit" class="btn" id="submit" title="Reply">Reply</button>
</form>