How to detect Ctrl+V, Ctrl+C using JavaScript?

by

I just did this out of interest. I agree it’s not the right thing to do, but I think it should be the op’s decision… Also the code could easily be extended to add functionality, rather than take it away (like a more advanced clipboard, or Ctrl+s triggering a server-side save).

$(document).ready(function() {
    var ctrlDown = false,
        ctrlKey = 17,
        cmdKey = 91,
        vKey = 86,
        cKey = 67;

    $(document).keydown(function(e) {
        if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = true;
    }).keyup(function(e) {
        if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = false;
    });

    $(".no-copy-paste").keydown(function(e) {
        if (ctrlDown && (e.keyCode == vKey || e.keyCode == cKey)) return false;
    });
    
    // Document Ctrl + C/V 
    $(document).keydown(function(e) {
        if (ctrlDown && (e.keyCode == cKey)) console.log("Document catch Ctrl+C");
        if (ctrlDown && (e.keyCode == vKey)) console.log("Document catch Ctrl+V");
    });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h3>Ctrl+c Ctrl+v disabled</h3>
<textarea class="no-copy-paste"></textarea>
<br><br>
<h3>Ctrl+c Ctrl+v allowed</h3>
<textarea></textarea>

Also just to clarify, this script requires the jQuery library.

Codepen demo

EDIT: removed 3 redundant lines (involving e.which) thanks to Tim Down’s suggestion (see comments)

EDIT: added support for Macs (cmd key instead of ctrl)

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. How to send data to the server via Ajax?
  3. How to force browser to show image 3 inches wide?
  4. Making a quiz in HTML and Javascript [closed]
  5. HTML Form Submit pass array to PHP [closed]
  6. Add/Remove Class of Nav Objects on Page Scroll
  7. Stop form refreshing page on submit
  8. How can I select an element by name with jQuery?
  9. How to save an image to localStorage and display it on the next page?
  10. jQuery disable/enable submit button
  11. Very Simple, Very Smooth, JavaScript Marquee
  12. Change color of specific words in textarea
  13. prevent Scroll bubbling from element to window
  14. Set keyboard focus to a
  15. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  16. how to disable DIV element and everything inside [duplicate]
  17. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  18. Change iframe src by clicking a link
  19. jQuery position DIV fixed at top on scroll
  20. How to generate a thumbnail image after adding an image inside an input type=”file” in a form and submitting them both on the same form
  21. How do I select the innermost element?
  22. How to prevent html/JavaScript code modification
  23. How do I capture a key press (or keydown) event on a div element?
  24. How can I set preview of video file, selecting from input type=’file’
  25. Detect browser wrapped lines via javascript
  26. Placeholder for contenteditable div
  27. Center an Image vertically and horizontally using CSS
  28. Change background on button click, using CSS only? [duplicate]
  29. Set value to currency in
  30. How to replace the entire html webpage with ajax response?

Leave a Comment