Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript on(';键控';仅在文本输入处于焦点时,如果I alt tab被调用?_Javascript_Jquery_Html_Forms - Fatal编程技术网

Javascript on(';键控';仅在文本输入处于焦点时,如果I alt tab被调用?

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

在过去的一个半小时里,我一直试图让这段代码正常工作,但似乎无法正常工作。这段代码在JSFIDLE上运行,但在我的网站上,只有在文本区域处于焦点时,我alt tab才能正常工作。这似乎是我在上面使用的任何东西('keyup'on不起作用,但当我使用.keyup时,另一段代码正常工作(在非动态内容上测试keyup).现在我会使用.keyup来处理这个特定的代码,但我需要它来处理动态内容,所以我得出结论,on最适合这种情况

我的Javascript:

$('#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>