jquery - 如何在jQuery中检查粘贴剪贴板中字母输入的增加/减少

Question

我可以使用 keyup() 函数来检查我的用户是否在 input 中写入了某些内容。但是，当剪贴板粘贴某些内容时我该怎么办？(使用鼠标，而不是键盘!)

$("#myInput").keyup(function(){
  console.log("increase or decrease now!");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input id="myInput" />

Answer 1

“keyup”事件仅在(完成)键盘输入后触发，这意味着当您用鼠标粘贴某些内容时它不会触发。您可以使用“粘贴”事件，该事件仅在您将某些内容粘贴到输入字段后才会触发。但是你可以像这样组合“keyup”和“paste”:

$("#myInput").on("keyup paste", function(){
  console.log("increase or decrease now!");
});

您还可以考虑“更改”事件。仅在输入字段更改并失去焦点后才会触发。因此，您实际上可以用 change 替换 keyup Paste 或将这三者组合起来，以确保无论用户如何使用 更改输入字段，它都会被触发键盘粘贴更改。

编辑:请注意，paste 事件在 Internet Explorer <= 10 中不起作用。( https://caniuse.com/mdn-api_window_paste_event )