在切割事件中获取文本框的值
问题描述:
我已经在文本框中捕获了剪切事件(jquery)。我想要的是在剪切事件期间触发文本框上的文本。在切割事件中获取文本框的值
我试过访问用户通过evt.originalEvent.clipboardData.getData('文本')剪切的数据,但返回undefined。
我的目标是要知道用户是否剪切了所有文本(文本框现在为空)。
在此先感谢
答
希望我给你的权利:
在jQuery中你可以使用这样的事情,看是否有文本框是每个用户的KEYUP空:
var txt;
$('#textbox_ID').live('keyup', function() {
txt = $(this).val().length;
if(txt < 1) {
alert("textbox is empty");
}
});
这应该工作,因为每次用户释放一个密钥并将焦点放在文本框中时,它会检查它是否为空。
答
您可以setTimeout
持续时间为0,该时间安排立即执行一个函数。这种做法的好处是,一旦文本已经切函数就可以执行,这样你就可以检查那么如果你的文字区域是空的(这将意味着用户已经切断所有文本):
var ta = $('#YOUR_TEXTAREA');
ta.bind('cut', function() {
setTimeout(function(){
if (!ta.val()) {
// user cut the whole text.
}
},0);
});
你可能还希望在setTimeout
之前添加一个检查,以在文本被剪切前测试textarea中是否有任何文本(如果用户在没有选择任何文本的情况下按下Ctrl^X,剪切事件仍然会触发)
答
我会建议看看这个,JavaScript get clipboard data on paste event (Cross browser),它是用于粘贴事件,但我相信你可以做类似的事情,并将当前值与剪贴板上的值进行比较,如果它们与输入完全相同将是空的,否则不是。
不,伙计,我期待检测文本框在剪切事件中是否为空 – ptheofan 2012-02-21 07:51:17
由于安全原因,无法在每个浏览器中获取剪贴板数据。为什么你想在剪切事件期间检查文本框?你提到你的目标是要知道用户是否剪下了所有的文字,所以它应该是空的*剪切事件后? – Fabian 2012-02-21 13:44:52
在这个主题上有几个关于SO的问题:http://stackoverflow.com/questions/1144184/js-get-clipboard-data – Fabian 2012-02-21 13:50:34