Disable Copy or Paste action for text box

Question

I have two textboxes  and I want to prevent user from copying the value from the first  email  textbox and pasting it in the second  confirmEmail  textbox   Email   lt input type  textbox  id  email  gt  lt br  gt  Confirm Email      lt input type  textbox  id  confirmEmail  gt    I have two solution in my mind    Prevent copy action from the email textbox  or Prevent paste action from the confirmEmail textbox    Any idea about how to do it   http   jsfiddle net S22ew

User · Answer

Best way to do this is to add a data attribute to the field (textbox) where you want to avoid the cut,copy and paste.

Just create a method for the same which is as follows :-

function ignorePaste() {

$("[data-ignorepaste]").bind("cut copy paste", function (e) {
            e.preventDefault(); //prevent the default behaviour 
        });

};

Then once when you add the above code simply add the data attribute to the field where you want to ignore cut copy paste. in our case your add a data attribute to confirm email text box as below :-

Confirm Email: <input type="textbox" id= "confirmEmail" data-ignorepaste=""/>

Call the method ignorePaste()

So in this way you will be able to use this throughout the application, all you need to do is just add the data attribute where you want to ignore cut copy paste

https://jsfiddle.net/0ac6pkbf/21/

User · Answer

Here is the updated fiddle     document  ready function            confirmEmail   bind  cut copy paste  function e            e preventDefault                  This will prevent cut copy paste on Confirm Email text box   Hope it helps

User · Answer

you can try this       lt input type  textbox  id  confirmEmail  onselectstart  return false  onpaste  return false   oncopy  return false  oncut  return false  ondrag  return false  ondrop  return false  autocomplete  off  gt

User · Answer

EX    lt input type  textbox  ondrop  return false   onpaste  return false   gt    Use these attributes in the required textbox in HTML  Now the drag-and-drop and the paste functionality are disabled

User · Answer

UPDATE   The accepted answer provides the solution  but  on   is the method that should be use from now on    As of jQuery 3 0   bind   has been deprecated  It was superseded by the  on   method for attaching event handlers to a document since jQuery 1 7  so its use was already discouraged    http   api jquery com bind

User · Answer

Check this fiddle        email   bind  cut copy paste  function e         e preventDefault           You need to bind what should be done on cut  copy and paste  You prevent default behavior of the action   You can find a detailed explanation here

User · Answer

Use oncopy  quot return false quot  onpaste  quot return false quot  Email   lt input type  quot textbox quot  id  quot email quot  oncopy  quot return false quot  onpaste  quot return false quot   gt  lt br  gt  Confirm Email      lt input type  quot textbox quot  id  quot confirmEmail quot  oncopy  quot return false quot  onpaste  quot return false quot  gt   http   jsfiddle net S22ew 4

User · Answer

Try This         email  confirmEmail     on   copy cut paste drop   function                     return false

User · Answer

You might also need to provide your user with an alert showing that those functions are disabled for the text input fields  This will work   x000D   x000D      function showError    x000D       alert  you are not allowed to cut copy or paste here    x000D        x000D       x000D          form-control   bind  cut copy paste  function e    x000D       e preventDefault    x000D          x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   lt textarea class  form-control   oncopy  showError    onpaste  showError    gt  lt  textarea gt  x000D   x000D   x000D

User · Answer

See this example  You need to bind the event key propagation    document  ready function              confirmEmail   keydown function  e            if  e ctrlKey  amp  amp   e keyCode    88    e keyCode    67    e keyCode    86                 return false

[javascript] Disable Copy or Paste action for text box?

Examples related to javascript

Examples related to jquery