0

在过去的一个半小时里，我一直试图让这段代码工作，但似乎无法做到。该代码适用于 jsfiddle，但在我的网站上，只有当我在 textarea 处于焦点时使用 alt-tab 时它才有效。这似乎是我使用的任何东西（'keyup' on 不起作用但是当我将 .keyup 用于另一个代码时它可以工作（在非动态内容上测试过 keyup）。现在我将使用 .keyup 来处理这个特定的代码，但我需要它来处理动态内容，所以我得出结论认为 on 最适合这种情况。

我的Javascript：

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

我的HTML：

<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>

我使用 jQuery 1.9.0、1.10.1、1.10.2 和 2.0.3 进行了尝试。如果有人可以帮助我，将不胜感激。

4

0 回答 0