jquery keyup detect paste text from input

Question

I have to use here jquery keyup to detect if user enter any text or not, but my problem is if user use paste the text using mouse, it won't be able to detect it, can you tell me the reason?

here is my source code:

$("textarea").keyup(function(){
        if($(this).val().length !== 0){
            $('#submit').attr('disabled',false);

This post 4 years old, $("#editor").on('paste', function(e) { $("#editor").on('input', function(e) { all are working — nerkn, May 24 '18 at 13:26

score 38 · Accepted Answer · edited Aug 18 '21 at 17:12

38

Apparently there are some situations where jQuery doesn't work for pasting. You might need to bind to several events as shown in following reference to catch users pasting contents accurately.

From Soliciting Fame - jQuery keyup vs bind - (from way-back machine)

// detect the change
$('input#myId').bind("change keyup input",function() { 
    // handle events here
});

UPDATE: bind was deprecated on Jquery 3.0 and was replaced with on

// detect the change
$('input#myId').on("change keyup input",function() { 
    // handle events here
});

edited Aug 18 '21 at 17:12

ricks

3,154
31
51

answered Feb 08 '14 at 06:30

jwwishart

2,865
2
23
26

The link seems to be outdated, i.e. the domain has been taken into new use. I was thinking of replacing it with an Internet Archive link but wasn't sure if that was the best option. I guess it could be just removed completely (even if credit to the original source is then lost). – MJV Jul 07 '17 at 14:17
@MJV Thanks. I've replaced it with way-back machine link. – jwwishart Jul 14 '17 at 12:24

score 14 · Answer 2 · edited Aug 19 '18 at 01:00

14

In this particular situation enough will be just bind to the input event:

$('textarea').bind("input", function() {});

edited Aug 19 '18 at 01:00

KyleMit

30,350
66
462
664

answered Jul 22 '16 at 16:21

Ilia Rebane

1,251
1
9
10

jquery keyup detect paste text from input

2 Answers2

Linked