我如何知道用户正在打字或粘贴？

Question

在我的 JSP 的文本字段中，我希望知道用户是在输入数据还是只是粘贴。 我如何使用 javascript 来识别它？

编辑：根据安迪的回答，我知道如何去做，但仍然好奇那些人是如何编写 onpaste 事件的。

Answer 1

Safari、Chrome、Firefox 和 Internet Explorer 都支持 onpaste 事件（不确定 Opera 是否支持）。锁定 onpaste 事件，您将能够在粘贴内容时捕获该事件。

---

Writing this is simple enough. Add the event handler to your input using html:

<input type="text" id="myinput" onpaste="handlePaste(event);">

或 JavaScript-DOM：

var myInput = document.getElementById("myInput");

if ("onpaste" in myInput) // onpaste event is supported
{
    myInput.onpaste = function (e)
    {
        var event = e || window.event;
        alert("User pasted");
    }
}
// Check for mutation event support instead
else if(document.implementation.hasFeature('MutationEvents','2.0'))
{
    /* You could handle the DOMAttrModified event here, checking 
       new value length vs old value length but it wouldn't be 100% reliable */
}

据我所知，Opera 不支持 onpaste 事件。您可以使用 DOMAtrrModified 事件，但即使脚本更改输入框的值，该事件也会触发，因此您必须小心处理。不幸的是，我不熟悉突变事件，所以我不想通过编写一个我不自信的例子来搞乱这个答案。

Answer 2

计算按键次数并确保其与文本框中的内容匹配，粘贴不会包含文本框中完整的字符数。

Answer 3

你永远不会确切地知道。即使在拦截按键输入时，用户也可能使用上下文菜单来使用鼠标进行粘贴。访问剪贴板（将输入与剪贴板内容进行比较）将无法按您想要的方式工作，因为它是严格的仅限用户操作。未经用户明确同意，您无法以编程方式访问（浏览器将显示确认消息）。

Answer 4

我知道对于文本区域，您可以使用 onPaste 事件捕获粘贴事件。

HTML：

<textarea id="textEditor" />

在 JS 中：

var editor = document.getElementById("textEditor");

if (isIE /* determine this yourself */) {
   editor.onPaste = function() {

   }
} else {
   //Not IE
   editor.onpaste = function() {

   }
}

//The capitalisation of the onpaste (non-IE) and onPaste (IE) makes a difference.

对于输入，有 onKeyDown、onKeyUp、onKeyPress 事件。

希望这有帮助。

可能与SO相关的问题 IE onPaste事件不使用javascript HTML