右键单击剪切/粘贴时更新表单验证

Question

在用户尝试提交表单之前，我会检查用户输入的长度以提供反馈。这是我的代码：

var $foo = $("#foo"), $span = $("span")
$foo.on('keydown keyup change', function(){
  $span.text($foo.val().length);
}).trigger('change');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea id="foo">Ipsum</textarea>
<small><span></span> characters.</small>

这适用于输入的输入。但是，如果用户通过上下文菜单剪切或粘贴，则不会更新计数。如何确保计数始终更新？

Answer 1

您需要将input 添加到您处理的事件列表中：

$foo.on('keydown keyup change input', function() { ...

当用户（例如）右键单击/剪切或右键单击/粘贴时，将触发 input 事件。