Get the value of a textbox during cut event

Question

I have trapped the cut event (jquery) on a textbox. What I want is to get the text on the textbox during the cut event is triggered.

I've tried accessing the data the user cut via evt.originalEvent.clipboardData.getData('text') but returns undefined.

My goal is to know if the user cut all the text (textbox is now empty) or not.

Thanks in advance

For anyone looking for a good solution to this question, please see this post (https://stackoverflow.com/questions/51636083/jquery-get-the-value-of-cut) — Ryan Wilson, Aug 01 '18 at 15:06

score 10 · Answer 1 · answered Feb 20 '12 at 16:41

10

You can setTimeout with a duration of 0, which schedules a function for immediate execution. The nice thing is that the function will execute once the text has already been cut, so you can check then if your textarea is empty (which would mean that the user has cut all the text):

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

You might also want to add a check before the setTimeout to test whether there is any text in the textarea before the text gets cut (if the user presses Ctrl^X without any text being selected, the cut event still triggers)

answered Feb 20 '12 at 16:41

ori

7,817
1
27
31

1

Nay, no timeouts. I'm pretty sure there's a way of retrieving the clipboard data user just cut. Just haven't figured it out yet. – ptheofan Feb 21 '12 at 07:50
1

using timeout is dirty and most importantly you loose the flow of the events. Best way is to read the clipboard, question is how!? – ptheofan Mar 16 '12 at 23:23
THANK YOU SOOOOOOO SOOOOO MUCH MAN – Igor Shumichenko Jan 23 '21 at 15:15

score 0 · Answer 2 · edited May 23 '17 at 12:10

0

I would suggest looking at this, JavaScript get clipboard data on paste event (Cross browser), it is for the paste event but I'm sure you could do something similar and compare the current value to that on the clipboard, if they are exactly the same than the input would be empty, otherwise not.

edited May 23 '17 at 12:10

Community

1
1

answered Oct 10 '12 at 12:31

ars265

1,949
3
21
37

Fabian · Answer 3 · 2012-02-20T16:53:05.330

0

Hope I got you right:

In jQuery you could use something like this to see if a textbox is empty on every user's keyup:

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

This should work, because everytime the user releases a key and has the textbox focused, it checks if it's empty.

edited Feb 20 '12 at 16:53

answered Feb 20 '12 at 16:33

Fabian

3,465
4
34
42

Nay, mate, I'm looking to detect if the textbox is empty during a cut event – ptheofan Feb 21 '12 at 07:51
It's not possible to get the clipboard data in every browser due to security reasons. Why do you want to check the textbox *during* the cut event? You mentioned your goal is to know if the user cut all the text, so it should be empty *after* the cut event? – Fabian Feb 21 '12 at 13:44
There are several questions on this topic on SO: http://stackoverflow.com/questions/1144184/js-get-clipboard-data – Fabian Feb 21 '12 at 13:50

Get the value of a textbox during cut event

3 Answers3

Linked