Home >Web Front-end >H5 Tutorial >How to solve the problem of disabling paste and copy when long pressing on mobile page in HTML5

How to solve the problem of disabling paste and copy when long pressing on mobile page in HTML5

黄舟
黄舟Original
2017-03-30 15:51:138214browse

This article mainly introduces HTML5Relevant information on the solution to the problem of disabling paste copying 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 disabling paste and copy on the mobile phone:

XML/HTML Code复制内容到剪贴板
*{   
    -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;   
}

After adding 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 -webkit-user-select:none; this Caused by attribute .

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

XML/HTML Code复制内容到剪贴板
input {      
     -webkit-user-select:auto; /*webkit浏览器*/     
}

That’s it. If there is anything incorrect, please point it out; mutually Learn and improve each other!

The above is the detailed content of How to solve the problem of disabling paste and copy when long pressing on mobile page in HTML5. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn