jQuery Ajax：复制 - 粘贴东西

Question

我有一个表单，其中检查输入字段的值，然后使用 typewatch 插件（一个小东西，检测用户在预定义的时间间隔后停止输入）进行 Ajax 调用。效果很好。

由于此字段是订单中的“优惠券折扣”，因此可以通过从电子邮件或其他内容复制粘贴“优惠券代码”来输入该值。它还可以与 Ctrl+C - Ctrl+V 一起使用来进行复制和粘贴，但当用户用鼠标选择文本、从上下文菜单中单击复制，然后从此菜单中粘贴时，则不能使用。

jQuery 中有没有一种方法可以以某种方式检查 jQuery 中的这种行为？

Answer 1

您可以设置一个较短的超时（1 秒）来检查自上次检查以来值是否已更改。

您也可以简单地忽略它，当表单提交时，获取此优惠券折扣输入的内容并进行处理。

Answer 2

我以前也遇到过类似的问题。据我所知，当用户通过右键单击粘贴或从以前使用的值列表中进行选择时，浏览器不会发出任何事件。

我最终通过将事件处理程序绑定到模糊事件以足够好的方式解决了这个问题。唯一没有捕获的情况是当他们用鼠标粘贴一个值，然后按 Enter 键提交时。我能够通过一些技巧来解决这个问题：

$(element)
  .bind('keydown blur', handlerFunction)
  .keydown(function(event) {
    if (event.keyCode === 13 /* Enter Key */) {
      event.preventDefault();
      event.stopPropagation();
    }
  })
  .keyup(function(event) {
    if (event.keyCode === 13 /* Enter Key */) {
      $(this).closest('form').submit();
    }
  });

本质上，这是有效的，因为 jQuery 将按照事件绑定的顺序执行事件。通常，表单提交是在按下 Enter 按键时进行的。为了让 keyup 处理程序有时间发挥其魔力，您需要延迟表单提交，直到 keyup 事件发生，以便其他 keyup 处理程序可以先运行。

现在，您说您正在使用一个插件，该插件会在对用户事件做出反应之前添加延迟。这意味着您可能无法逐字使用此技术。可能有效的一件事是在允许表单提交之前直接调用处理函数。为此，您可以将最后一个 keyup 处理程序更改为：

  .keyup(function(event) { // Part 2
    if (event.keyCode === 13 /* Enter Key */) {

      handlerFunction.call(this, event); // force it to happen now

      $(this).closest('form').submit();
    }
  });

正如 Josh K 之前提到的，您可以简单地将某些内容绑定到表单上的提交事件来执行类似的操作。不过，如果您在那里执行 Ajax，请务必在传递的选项中设置 async: false，否则表单将继续并提交，而无需等待调用完成。

Answer 3

（这个解决方案还没有经过测试，但是！）我会尝试这样的事情：

var keys_pressed = 0; // count the number of key press events
var required_keys_pressed = 10;
$('#yourinputElement').keydown ( function () {
  keys_pressed++; // add one
}); 
$('#yourform').submit (function () {
  if (keys_pressed < required_keys_pressed)
  {
     // not enough keys pressed or was a CTRL + v
  }
  else
  {
     // required number of keys pressed for your code
  }
});

记住人们总是可以使用浏览器插件绕过这个，所以这并不能保证事情按照你想要的方式进行他们到。您也应该始终执行某种服务器端验证