How to detect Ctrl V Ctrl C using JavaScript

Question

How to detect ctrl v  ctrl c using Javascript   I need to restrict pasting in my textareas  end user should not copy and paste the content  user should only type text in textarea   How to achieve this

User · Answer

If you use the ctrlKey property  you don t need to maintain state        document  keydown function event             Ctrl C or Cmd C pressed        if   event ctrlKey    event metaKey   amp  amp  event keyCode    67                Do stuff                    Ctrl V or Cmd V pressed        if   event ctrlKey    event metaKey   amp  amp  event keyCode    86                Do stuff                    Ctrl X or Cmd X pressed        if   event ctrlKey    event metaKey   amp  amp  event keyCode    88                Do stuff

User · Answer

Live Demo    http   jsfiddle net abdennour ba54W     document  ready function              textA   bind           copy   function                   span   text  copy behaviour detected                        paste   function                   span   text  paste behaviour detected                        cut   function                   span   text  cut behaviour detected

User · Answer

While it can be annoying when used as an anti-piracy measure  I can see there might be some instances where it d be legitimate  so   function disableCopyPaste elm           Disable cut copy paste key events     elm onkeydown   interceptKeys         Disable right click events     elm oncontextmenu   function             return false          function interceptKeys evt        evt   evt  window event    IE support     var c   evt keyCode     var ctrlDown   evt ctrlKey  evt metaKey    Mac support         Check for Alt Gr  http   en wikipedia org wiki AltGr key      if  ctrlDown  amp  amp  evt altKey  return true         Check for ctrl c  v and x     else if  ctrlDown  amp  amp  c  67  return false    c     else if  ctrlDown  amp  amp  c  86  return false    v     else if  ctrlDown  amp  amp  c  88  return false    x         Otherwise allow     return true     I ve used event ctrlKey rather than checking for the key code as on most browsers on Mac OS X Ctrl Alt  down  and  up  events are never triggered  so the only way to detect is to use event ctrlKey in the e g  c event after the Ctrl key is held down  I ve also substituted ctrlKey with metaKey for macs   Limitations of this method     Opera doesn t allow disabling right click events Drag and drop between browser windows can t be prevented as far as I know  The edit- copy menu item in e g  Firefox can still allow copy pasting  There s also no guarantee that for people with different keyboard layouts locales that copy paste cut are the same key codes  though layouts often just follow the same standard as English   but blanket  disable all control keys  mean that select all etc will also be disabled so I think that s a compromise which needs to be made

User · Answer

instead of onkeypress  use onkeydown    lt input type  text  onkeydown  if event ctrlKey  amp  amp  event keyCode  86  return false    name  txt  gt

User · Answer

Short solution for preventing user from using context menu  copy and cut in jQuery   jQuery document  bind  cut copy contextmenu  function e       e preventDefault          Also disabling text selection in CSS might come handy    noselect         -webkit-touch-callout  none      -webkit-user-select  none      -khtml-user-select  none      -moz-user-select  none      -ms-user-select  none       user-select  none

User · Answer

There s another way of doing this  onpaste  oncopy and oncut events can be registered and cancelled in IE  Firefox  Chrome  Safari  with some minor problems   the only major browser that doesn t allow cancelling these events is Opera    As you can see in my other answer intercepting Ctrl v and Ctrl c comes with many side effects  and it still doesn t prevent users from pasting using the Firefox Edit menu etc   function disable cutcopypaste e        var fn   function evt               IE-specific lines         evt   evt  window event         evt returnValue   false             Other browser support         if  evt preventDefault               evt preventDefault           return false           e onbeforepaste   e onbeforecopy   e onbeforecut   fn     e onpaste   e oncopy   e oncut   fn     Safari still has some minor problems with this method  it clears the clipboard in place of cut copy when preventing default  but that bug appears to have been fixed in Chrome now   See also  http   www quirksmode org dom events cutcopypaste html and the associated test page http   www quirksmode org dom events tests cutcopypaste html for more information

User · Answer

i already have your problem and i solved it by the following code    that accept only numbers       lt    mobileTextBox ClientID   gt    keydown function e                      e which Values                8    BackSpace   46   Delete   37   Left   39   Rigth   144  Num Lock              if  e which    8  amp  amp  e which    46  amp  amp  e which    37  amp  amp  e which    39  amp  amp  e which    144                  amp  amp   e which  lt  96    e which  gt  105                      return false                              you can detect Ctrl id e which    17

User · Answer

I wrote a jQuery plugin  which catches keystrokes  It can be used to enable multiple language script input in html forms without the OS  except the fonts   Its about 300 lines of code  maybe you like to take a look     http   miku github com jquery-retype   Generally  be careful with such kind of alterations  I wrote the plugin for a client because other solutions weren t available

User · Answer

You can use this code for rightclick  CTRL C  CTRL V  CTRL X detect and prevent their action     document  bind  copy   function e            alert  Copy is not allowed                e preventDefault                   document  bind  paste   function             alert  Paste is not allowed                e preventDefault                   document  bind  cut   function             alert  Cut  is not allowed                e preventDefault                  document  bind  contextmenu   function e            alert  Right Click  is not allowed                e preventDefault

User · Answer

There is some ways to prevent it   However the user will be always able to turn the javascript off or just look on the source code of the page   Some examples  require jQuery         Stop every keystroke with ctrl key pressed        textbox   keydown function        if  event ctrlKey  true            return false                   Clear all data of clipboard on focus        textbox   focus function        if   window clipboardData             window clipboardData setData  text                        Block the paste event        textbox   bind  paste  function e  return false       Edit  How Tim Down said  this functions are all browser dependents

User · Answer

Another approach  no plugin needed  it to just use ctrlKey property of the event object that gets passed in  It indicates if Ctrl was pressed at the time of the event  like this     document  keypress  c  function e      if e ctrlKey      alert  Ctrl C was pressed            See also jquery  keypress  ctrl c  or some combo like that

User · Answer

Important note  I was using e keyCode for a while and i detected that when i press ctrl      This attribute returns a wrong number  190  while the ascii code of   is 46   So you should use e key toUpperCase   charCodeAt 0  instead of e keyCode

User · Answer

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     x000D   x000D    document  ready function     x000D      var ctrlDown   false  x000D          ctrlKey   17  x000D          cmdKey   91  x000D          vKey   86  x000D          cKey   67  x000D   x000D        document  keydown function e    x000D          if  e keyCode    ctrlKey    e keyCode    cmdKey  ctrlDown   true  x000D         keyup function e    x000D          if  e keyCode    ctrlKey    e keyCode    cmdKey  ctrlDown   false  x000D          x000D   x000D          no-copy-paste   keydown function e    x000D          if  ctrlDown  amp  amp   e keyCode    vKey    e keyCode    cKey   return false  x000D          x000D       x000D         Document Ctrl   C V  x000D        document  keydown function e    x000D          if  ctrlDown  amp  amp   e keyCode    cKey   console log  Document catch Ctrl C    x000D          if  ctrlDown  amp  amp   e keyCode    vKey   console log  Document catch Ctrl V    x000D          x000D      x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   lt h3 gt Ctrl c Ctrl v disabled lt  h3 gt  x000D   lt textarea class  no-copy-paste  gt  lt  textarea gt  x000D   lt br gt  lt br gt  x000D   lt h3 gt Ctrl c Ctrl v allowed lt  h3 gt  x000D   lt textarea gt  lt  textarea gt  x000D   x000D   x000D    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

User · Answer

A hook that allows for overriding copy events  could be used for doing the same with paste events  The input element cannot be display  none  or visibility  hidden  sadly export const useOverrideCopy        gt      const  copyListenerEl  setCopyListenerEl    React useState      null as HTMLInputElement   null       const    setCopyHandler    React useState lt  e  ClipboardEvent    gt  void   null gt            gt       gt              appends a input element to the DOM  that will be focused       when using copy paste etc  it will target focused elements   React useEffect      gt        const el   document createElement  quot input quot            cannot focus a element that is not  quot visible quot  aka cannot use display  none or visibility  hidden     el style width    quot 0 quot      el style height    quot 0 quot      el style opacity    quot 0 quot      el style position    quot fixed quot      el style top    quot -20px quot      document body appendChild el      setCopyListenerEl el      return      gt          document body removeChild el                      adds a event listener for copying  and removes the old one    const overrideCopy    newOverrideAction       gt  any    gt        setCopyHandler  prevCopyHandler   e  ClipboardEvent    gt  void    gt          const copyHandler    e  ClipboardEvent    gt            e preventDefault           newOverrideAction                 copyListenerEl  removeEventListener  quot copy quot   prevCopyHandler        copyListenerEl  addEventListener  quot copy quot   copyHandler        copyListenerEl  focus      when focused  all copy events will trigger listener above       return copyHandler              return   overrideCopy      Used like this  const customCopyEvent        gt        console log  quot doing something quot      const   overrideCopy     useOverrideCopy   overrideCopy customCopyEvent   Every time you call overrideCopy it will refocus and call your custom event on copy

User · Answer

Don t forget that  while you might be able to detect and block Ctrl C V  you can still alter the value of a certain field  Best example for this is Chrome s Inspect Element function  this allows you to change the value-property of a field

User · Answer

You can listen to the keypress event  and halt the default event  entering the text  if it matches the specific keycodes

User · Answer

With jquery you can easy detect copy  paste  etc by binding the function       textA   bind  copy   function            span   text  copy behaviour detected             textA   bind  paste   function            span   text  paste behaviour detected             textA   bind  cut   function            span   text  cut behaviour detected          More information here  http   www mkyong com jquery how-to-detect-copy-paste-and-cut-behavior-with-jquery

[javascript] How to detect Ctrl+V, Ctrl+C using JavaScript?

Examples related to javascript

Examples related to jquery

Examples related to html