javascript - 如何检测意外鼠标操作导致的输入变化？

Question

我有一个输入字段，需要在发送表单之前进行验证。

所以我在此字段上绑定(bind)一个 keyup 事件，它发送一个 XmlHttpRequest，然后在我的 ihm 上显示结果。效果很好。

但是现代浏览器提供了一些其他方式将信息添加到输入字段中:

• 它会记住最后一个值并以下拉菜单的形式提供它们

• 也可以从剪贴板粘贴

我尝试了各种事件来检测它们，但没有人(当然除了 keyup)被触发。

$('#theForm').on('keyup', '.url', checkUrl);
$('#theForm').on('changes', '.url', checkUrl);
$('#theForm').on('click', '.url', checkUrl);

是否可以检测到这些事件？

我的目标浏览器是 Firefox 17。

Answer 1

您可以使用 input 事件检测该事件:

$('#theForm').on('input', '.url', checkUrl);

fiddle 测试:http://jsfiddle.net/t8exjuq2/

点击:

(提交一次 fiddle 的输入以获得工具提示)

编辑::在 firefox 22.0 和 chrome 中测试

另外，请注意 change 事件将监听除此之外的几乎所有内容。

最终编辑::

关于粘贴，您可以使用以下方式检测该事件... 粘贴:

$('#theForm').on('paste', '.url', checkUrl);

http://jsfiddle.net/490gz5vy/