javascript - keyup 功能不起作用

Question

我正在 js 中制作字符计数器，但 keyup 事件不起作用???

$(document).ready(function() {
  function countingCharacter(element, maxCount) {
    var countLength = $('#' + element).val().length();
    alert(countLength);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea onkeyup="countingCharacter("storyOutline",100)" onkeypress="countingCharacter("storyOutline",100);" onkeydown="countingCharacter("storyOutline",100)" id="storyOutline" rows="5" class="form-control" name="labinput7" placeholder="Story Outline" required></textarea>

Answer 1

为了避免与函数范围相关的任何问题并使 JS 代码与 HTML 分离，我将使用以下事件绑定(bind):

$('#storyOutline').on('keyUp', function() {
  var length = $(this).val().length();
  alert(length);
});