在剪切事件期间获取文本框的值

Question

我已将剪切事件（jquery）捕获在文本框上。我想要的是在触发剪切事件期间获取文本框上的文本。

我尝试访问用户通过 evt.originalEvent.clipboardData.getData('text') 剪切的数据，但返回未定义。

我的目标是知道用户是否剪切了所有文本（文本框现在为空）。

提前致谢

Answer 1

您可以将持续时间设为 0 的 setTimeout 来安排函数立即执行。好处是，一旦文本被剪切，该函数就会执行，因此您可以检查文本区域是否为空（这意味着用户已剪切所有文本）：

var ta = $('#YOUR_TEXTAREA');
ta.bind('cut', function() {
    setTimeout(function(){
        if (!ta.val()) { 
            // user cut the whole text.
        }
    },0);
});

您可能还想在之前添加检查setTimeout 用于在文本被剪切之前测试文本区域中是否有文本（如果用户在没有选择任何文本的情况下按下 Ctrl^X，剪切事件仍然会触发）

Answer 2

希望我的理解是正确的：

在 jQuery 中，您可以使用类似的方法来查看每个用户的按键上的文本框是否为空：

var txt;
$('#textbox_ID').live('keyup', function() {
    txt = $(this).val().length;
    if(txt < 1) {
        alert("textbox is empty");
    }
});

这应该可行，因为每次用户释放按键并使文本框聚焦时，它都会检查它是否为空。

Answer 3

我建议看看这个， JavaScript 在粘贴事件上获取剪贴板数据（跨浏览器），它用于粘贴事件，但我确信您可以执行类似的操作并将当前值与剪贴板上的值进行比较，如果它们完全相同，则输入将为空，否则不是。