当用户在文本区域中粘贴某些内容时阻止 keyUp 事件

Question

如果用户在textarea#q中键入内容，则调用do_domething（）函数。如果用户粘贴文本而不是键入文本，则应避免使用 do_something（） 函数。有什么想法吗？这是我当前的代码：

$('#q').keyup(function(e){
    do_something();
}).bind('paste',function(event) {
    //user pasted text, there is not need to do_something();
    //tried both of these approaches, none worked out.
    event.stopPropagation();
    event.stopImmediatePropagation();
});

Answer 1

如果用户右键单击并使用上下文菜单粘贴到文本区域中，那么您很好。这就留下了用户使用"Ctrl + P"粘贴到文本区域的问题。您可以尝试捕获键代码并在按下组合键时跳过该功能。试试这个：

On keydown:
var isCtrl = false;
$('#q').keydown(function (event) {
    if(e.keycode == 17)
        isCtrl = true;
    if(isCtrl == false)
        do_something();
});
$('#q').keyup(function (e) {
    isCtrl = false;
});

所以这个想法是捕获"Ctrl"键。如果他们按下它，你不想触发该功能。为了粘贴"Ctrl + P"，必须按下"Ctrl"键，因此"isCtrl"将阻止触发do_something（）;功能。唯一的例外是在窗口中使用粘滞键，当您键入"p"时不必按住"Ctrl"。

当然，这一切都是假设，如果您在keydown事件中而不是在keyup中触发函数是可以的。根据您的功能，这可能不合适。

希望这有效。

Answer 2

您无法阻止keyUp事件！从字面上看，它不允许用户将手从键盘上抬起！:P

在jQuery中，有一个名为cut copy paste的事件。这适用于IE，FF，Chrome

。

$(document).ready(function(){
    $('#q').bind("cut copy paste", function(e) {
        e.preventDefault();
    });
    $('#q').keyup(function(e){
        do_something();
    });
});

此外，请单独使用 keyup 函数的事件处理程序。

Answer 3

在

keyup 之前将绑定附加到粘贴应该可以。

$('#q').bind('paste',function(event) {
    //user pasted text, there is not need to do_something();
    //tried both of these approaches, none worked out.
    event.stopPropagation();
    event.stopImmediatePropagation();
});
$('#q').keyup(function(e){
    do_something();
})