HTML5 solution to the problem that long-pressing on mobile pages will cause paste and copy disabling

This article mainly introduces the relevant information about the HTML5 solution to the problem of disabling paste and copy when long pressing the mobile page. It is very good and has reference value. Friends in need can refer to it

The solution is as follows:

Add the following code directly to the CSS file to realize the function of prohibiting pasting and copying on the mobile phone:

XML/HTML CodeCopy content to clipboard

1. *{   
       -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
       -webkit-user-select:none; /*webkit浏览器*/   
       -khtml-user-select:none; /*早期浏览器*/   
       -moz-user-select:none;/*火狐*/   
       -ms-user-select:none; /*IE10*/   
       user-select:none;   
   }

   Copy after login

Add After finishing this code, there will be a problem on IOS. At this time, you will find that the input box cannot input content; the reason for this is the -webkit-user-select:none; attribute.

The solution is to set the input attributes in the css file at the same time, as shown below:

XML/HTML CodeCopy the content to the clipboard

1. input {      
        -webkit-user-select:auto; /*webkit浏览器*/     
   }

   Copy after login

That’s it. If there is anything wrong, please ask a master to point it out; learn from each other and improve each other!

The above is the detailed content of HTML5 solution to the problem that long-pressing on mobile pages will cause paste and copy disabling. For more information, please follow other related articles on the PHP Chinese website!