CTRL + C 和关键字键 C，两个事件同时工作 JavaScript || Jquery

Question

As i am creating keyword shortcut to my website, like by pressing C key, it redirects me to any page I want.

But the problem occur that when I press Ctrl+C combination, it copies text for me, but it also redirects me to other page.

I tried to create a small demo:

 document.onkeyup = function(e) { var e = e || window.event; if ((e.which == 67)) { alert("C key is pressed"); }else if ((e.ctrlKey) && (e.which == 67)) { alert("Text Copied"); } };

 body { background-color: #fff; } h5{ text-align:center; font-size:20px; font-weigt:bold; }

 <h5>Creating Shortcut for Website</h5> <p>By clicking on <q>C</q> key on Keyboard, your page will reload</p>

Hope you will understand.

Thanks for you attendance.

Answer 1

Change your code such that checking for Ctrl + C come before checking for the redirection key.

Also, note that KeyboardEvent#which is deprecated, so you should use KeyboardEvent#key instead:

 document.onkeyup = function(e) { e = e || window.event; if (e.ctrlKey && e.key === 'c') { alert("Text copied"); }else if (e.key === 'c') { alert("C key is pressed"); } };

 body { background-color: #fff; } h5{ text-align:center; font-size:20px; font-weigt:bold; }

 <h5>Creating Shortcut for Website</h5> <p>By clicking on <q>C</q> key on Keyboard, your page will reload</p>

However, that won't work always.

If you do the following:

Ctrl down
C down
C up
Ctrl up

...then it will work, but if the sequence is (which would also trigger a copy operation):

Ctrl down
C down
Ctrl up
C up

...then it won't.

Why?

The problem is the keyup event itself. As the event object represents the keyboard state at the time when the event is emitted, keyup checks for modifier keys when C is released .

However, since modifier keys usually have to be pressed before the key they modify, checks should happen at the time when the keys are pressed down .

So, you'll have to use the keydown event instead:

 document.onkeydown = function(e) { e = e || window.event; if (e.ctrlKey && e.key === 'c') { alert("Text copied"); }else if (e.key === 'c') { alert("C key is pressed"); } };

 body { background-color: #fff; } h5{ text-align:center; font-size:20px; font-weigt:bold; }

 <h5>Creating Shortcut for Website</h5> <p>By clicking on <q>C</q> key on Keyboard, your page will reload</p>