通过右键单击复制/粘贴的客户端表单验证

Question

我正在使用以下行（Struts1 语法）来显示一个文本字段并允许通过 Javascript 进行一些客户端检查。

<html:text styleId="myField" property="myProperty" onkeyup="function()" />

我的意图是在表单字段中输入文本时显示一条消息并禁用下拉菜单（无论内容如何）。 onkeyup 属性适用于所有情况，但用户使用鼠标右键单击粘贴文本时除外。

onmousedown 和 onmouseup 事件似乎不会注意到右键单击。 onfocus 也是如此。

onchange 仅在焦点丢失时进行检查，但用户可以通过粘贴数据并单击表单提交来规避这一点（onblur 相同）。

onmouseout 在 IE8 中有些工作（我可以破坏功能），但在 Chrome v41.0.2272.89 中根本不工作

有没有人在鼠标右键单击时遇到客户端表单检查？我想跨浏览器介绍这个用例，不能指望最终用户总是通过键盘快捷键粘贴。

Answer 1

我使用了上面 cmets 中 Aleksandr M 建议的 jQuery 解决方案。

最初我有这个功能：

$(document).ready(function(){
    $('#myField').bind("paste",function(e) {
        toggleFunction(); //preserve already existing function in use with other cases
    });
});

但后来发现，虽然该函数会在用户粘贴之后运行，但它会在实际粘贴文本之前运行。

例子：

1. 用户粘贴（右键单击>粘贴或Ctrl+V）；

2. 函数被调用并执行，进行条件检查

3. 文本已粘贴。

因此，我将 jQuery 中的函数调用替换为我想要的最终结果，在其他地方进行了一些额外的更改，以便满足我的假设。

但除了这些条件之外，下面的内容最终可以满足我的需要。

$(document).ready(function(){
    $('#myField').bind("paste",function(e) {
        document.getElementById("dropdownID").disabled = true;  
        document.getElementById("showMessage").style.visibility = "visible";    
    });
});