Trigger the keyup function when someone copy and paste

Question

I've got a keyup function for multiple text boxes. How do I trigger the keyup function when someone copy and past something in to the textbox?

.on("click blur keyup", ".emotion", function() {
     //match something
});

DOWN-VOTERS: Please leave a comment as to why my question was down-voted. that helps. thanks. — Bekki, May 19 '15 at 12:26
There is a paste event available in jQuery: http://stackoverflow.com/questions/11605415/jquery-bind-to-paste-event-how-to-get-the-content-of-the-paste — Thomas Theunen, May 19 '15 at 12:26

score 29 · Accepted Answer · answered May 19 '15 at 12:25

29

Switch the event keyup for input, which will trigger whenever something is inputted into the field, even if text is being pasted (both by pressing CTRL + V or right mouse button » Paste.

.on('input', '.emotion', function() {   
    // Do your stuff.
});

answered May 19 '15 at 12:25

mathielo

6,725
7
50
63

1

Are there any restrictions when `input` is used? e.g.: browser compatibility ? – Bekki May 19 '15 at 12:30
1

[Can I use input event?](https://caniuse.com/?search=input%20event) – Alex Pappas Sep 28 '21 at 08:22

score 4 · Answer 2 · answered May 19 '15 at 12:28

4

This will do what you want:

$("#editor").on('paste', function(e) {
  $(e.target).keyup();
});

$("#editor").on('keyup', function(e) {
  alert('up');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="editor">

answered May 19 '15 at 12:28

Thomas Theunen

1,244
9
13

1

thanks. `function(e)` - can I use something else instead of `(e)`? like `(a)` ? – Bekki May 19 '15 at 12:33
Yes, you can call the event object what you like. – Thomas Theunen May 19 '15 at 12:35
Don't use paste event. MDN states it is not fit for production in 2017. – dman Nov 28 '17 at 17:44

score 2 · Answer 3 · edited May 19 '15 at 12:25

2

Use the paste event. As far as I've tested it works for Ctrl+V pasting, and right-click>Paste pasting.

edited May 19 '15 at 12:25

Denys Séguret

372,613
87
782
758

answered May 19 '15 at 12:24

Bfcm

2,686
2
27
34

1

Just add it to your function - `.on("click blur keyup paste", function() {...});` – Bfcm May 19 '15 at 12:30
You can also try bind function - `$('#this-id').bind('input', function() {});` – Bfcm May 19 '15 at 12:32
1

Don't use paste event. MDN states it is not fit for production in 2017. – dman Nov 28 '17 at 17:44

Trigger the keyup function when someone copy and paste

3 Answers3