h5禁止页面长按操作_HTML5 对于手机页面长按会粘贴复制的禁用（解决方案）

解决方案：

直接在CSS 文件中添加下面的代码，就可以实现了在手机端禁止粘贴复制的功能：

-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;

}

在添加完这段代码后，在IOS 上会有问题的，这个时候你会发现input 框无法正在输入了内容了；造成这个原因就是 -webkit-user-select:none; 这个属性造成的。

解决这个方法就是在css 文件中同时设置一下input 的属性，如下所示：

input {

-webkit-user-select:auto; /*webkit浏览器*/

}

这样就可以了，有什么不正确的地方请大神，指点出来；相互学习，互相进步！

h5禁止页面长按操作_HTML5 对于手机页面长按会粘贴复制的禁用（解决方案）相关推荐

安卓手机能用吗_手机才用两年卡的不行，是手机问题吗，想问手机最长能用几年？...
很多人手上的手机才买不到2年,最近使用经常出现上网慢,看视频转圈的问题.于是我们就认为是手机旧了,不好用了.才用2年的手机卡顿,真的是手机问题吗?接下来,我就和大家分享一下我个人的观点. 手机卡顿的原 ...
手机页面前端框架weui+
随着智能手机的普及,越来越多的用户从电脑转移到手机,现在去谈客户我们一定要说:"您一定要做手机版或者是微信端",可见智能手机的强大,虽然说手机页面很早就有,但是感觉它是被自适应网站 ...
移动互联，手机页面设计
1.手机上网的过程普通浏览器上网过程浏览器<--->Web服务器手机上网过程手机<--->WAP网关(UP.Link Server)<--->集成HDM ...
移动端h5框架自适应_Html5移动端页面自适应百分比布局
按百分比布局,精度肯定不会有rem精确 Document * { padding: 0; margin: 0; } .one { width: 20%; height: 100px; float: l ...
页面无任何操作30秒后退出1
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Conten ...
Cypress之模拟键盘鼠标操作以及页面元素拖动操作
上篇文章讲解了使用cypress框架时,如何上传或者下载文件,以及定位操作iframe和shadow dom下的页面元素.此次课程将讲解如何模拟键盘输入.鼠标操作以及如何拖动页面元素,另外,会介绍如何 ...
(补充)微信长按识别二维码 -- 页面多个二维码如何识别？（二）
基于上一篇微信长按识别二维码 -- 页面多个二维码如何识别? )在部分设备上,如果图片非常多,还是会出现识别错误的bug(主要是二维码显示一半或居于底部时),修改了识别流程,改为点击图片弹窗,然后长按 ...
html卡死手机,手机页面加载地图，双手操作放大，APP卡死
测试手机:小米5 现象:手机页面加载地图,双手操作放大,APP卡死,APP卡住后,点击物理返回键是能返回的,但页面全部不能点击. 页面代码: initMap() ; function initMap( ...
H5手机页面调起浏览器自带分享功能实例（QQ、UC浏览器微博、微信分享）
H5手机页面调起浏览器自带分享功能实例(QQ.UC浏览器微博.微信分享) HTML: <span class="viewshare wx" data-mshare=" ...

h5禁止页面长按操作_HTML5 对于手机页面长按会粘贴复制的禁用（解决方案）

h5禁止页面长按操作_HTML5 对于手机页面长按会粘贴复制的禁用（解决方案）相关推荐

最新文章

热门文章

h5禁止页面长按操作_HTML5 对于手机页面长按会粘贴复制的禁用 （解决方案）

h5禁止页面长按操作_HTML5 对于手机页面长按会粘贴复制的禁用 （解决方案）相关推荐

最新文章

热门文章

h5禁止页面长按操作_HTML5 对于手机页面长按会粘贴复制的禁用（解决方案）

h5禁止页面长按操作_HTML5 对于手机页面长按会粘贴复制的禁用（解决方案）相关推荐