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

Get the value of a textbox during cut event

本文关键字:取文本 获取 事件      更新时间:2023-09-26

我在一个文本框中捕获了剪切事件(jquery)。我想要的是在触发剪切事件期间获取文本框上的文本。

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

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

提前感谢

您可以使用持续时间为0的setTimeout来调度函数以立即执行。好的是,一旦文本已经剪切,该功能就会执行,所以你可以检查你的文本区域是否为空(这意味着用户已经剪切了所有文本):

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

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

希望我说对了:

在jQuery中,您可以使用类似的东西来查看每个用户的keyup上的文本框是否为空:

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

这应该是有效的,因为每次用户释放一个键并使文本框聚焦时,它都会检查它是否为空。

我建议大家看看这个,JavaScript在粘贴事件上获取剪贴板数据(跨浏览器),这是针对粘贴事件的,但我相信你可以做一些类似的事情,并将当前值与剪贴板上的值进行比较,如果它们完全相同,则输入将为空,否则就不会。