javascript - jQuery 字符计数 - 函数未被调用

Question

我正在创建一个 jQuery 函数来计算文本字段中的字符数并输出该数字。但似乎没有在按键释放时调用。带有文本字段的页面是包含在 index.php 中的外部页面，并且 js 是从外部 js 文件包含的.

  $('#commentField').keyup(function () {
    alert("functionCalled");
    var max = 500;
    var len = $(this).val().length;
    if (len >= max) {
      $('#charNum').html(' you have reached the limit');
    } else {
      var char = max - len;
      $('#charNum').text(char + ' characters left');
    }
  });

文本区域:

<input type="text" name="commentArea" placeholder="Comment..." autofocus="autofocus" id="commentField"/>

要填充的 div:

<div id="charNum">here</div>

外部js文件访问正常，但该函数似乎没有被调用。为什么这不起作用？

Answer 1

如果是动态内容则需要调用.on。但是，我会将“body”更改为更接近 dom 中元素的内容。

$('body').on('keyup','#commentField',function () {
    alert("functionCalled");
    var max = 500;
    var len = $(this).val().length;
    if (len >= max) {
      $('#charNum').html(' you have reached the limit');
    } else {
      var char = max - len;
      $('#charNum').text(char + ' characters left');
    }
});