Capture Copy/Paste/Select in Javascript

Question

How can i capture the following keys in Textbox using JavaScript?

Ctl + a

Ctl + c

Ctl + v

Following is the original Situation.

I have three Textboxes for Phones numbers. Textbox1 max length is 3 , 2nd's is 3 and 3rd is 4. When user types three digits in TextBox1 the cursor moves automatically to TextBox2 same thing happens with TextBox2 as well as TextBox3. I am handling this functionality in keyup event. Now, I am parallely using your code. But it moves in keyup event as well. This case happens when all TextBoxes are filled. Now suppose I am in TextBox1 and presses Ctl + A . This moves the user to third TextBox(unacceptable case). This is the issue.

jQuery: stackoverflow.com/a/1503425/284240 or stackoverflow.com/a/238835/284240 or stackoverflow.com/a/2904944/284240 — Tim Schmelter
– Tim Schmelter, Commented Apr 13, 2012 at 11:43
@Tim thanks for the reply. Actually, I need it in Javascript. — Pankaj
– Pankaj, Commented Apr 13, 2012 at 11:44

Tim Down · Accepted Answer · 2012-04-13 11:56:26Z

6

Use the select, copy and paste events respectively. Pretty much universally supported these days.

var textBox = document.getElementById("textBoxId");
textBox.onpaste = function() {
    alert("paste");
};

Likewise for the other events. Demo here: http://jsfiddle.net/timdown/EC2Hf/

edited Apr 13, 2012 at 11:56

answered Apr 13, 2012 at 11:44

Tim Down

326k76 gold badges461 silver badges546 bronze badges

Sign up to request clarification or add additional context in comments.

13 Comments

Pankaj Over a year ago

can you please tell about ctl + A also? Thanks

Tim Down Over a year ago

@Pankaj: That's covered by the select event. I added a demo to my answer.

Pankaj Over a year ago

Thanks for the detailed link/Demo. +1

pbfy0 Over a year ago

This seems to make it fire twice

Pankaj Over a year ago

@pbfy0 Can you explain it bit more please?

|

epascarello · Accepted Answer · 2012-04-13 11:44:53Z

1

And what about right click, osx that does not use control, the edit copy option on the browser, the button on my old keyboard, etc?

There is more than just key presses.

That said, most browsers support

oncopy and onpaste events.

answered Apr 13, 2012 at 11:44

epascarello

208k20 gold badges206 silver badges246 bronze badges

Comments

Krishna · Accepted Answer · 2012-04-13 11:45:01Z

0

You would have to first check if the ctrl button was clicked and then the correspnding letter keys. This link may help you out

answered Apr 13, 2012 at 11:45

Krishna

6363 silver badges8 bronze badges

Collectives™ on Stack Overflow

Capture Copy/Paste/Select in Javascript

Following is the original Situation.

3 Answers 3

13 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Following is the original Situation.

3 Answers 3

13 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related