h5禁止页面长按操作_解决HTML5对手机页面长按会粘贴复制禁用的方法-H5教程

这篇文章主要介绍了HTML5对手机页面长按会粘贴复制禁用的解决方法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

解决方法如下所示：

直接在CSS 文件中添加下面的代码，就可以实现了在手机端禁止粘贴复制的功能：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;

}

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

解决这个方法就是在css 文件中同时设置一下input 的属性，如下所示：XML/HTML Code复制内容到剪贴板

input {

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

}

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

h5禁止页面长按操作_解决HTML5对手机页面长按会粘贴复制禁用的方法-H5教程相关推荐

html手机自动放大,解决HTML5手机端页面缩放的问题
通常在写HTML5手机端页面的时候,我们会发现页面所显示元素的比例不正确,那此时我们需要添加的就是: 或者是那么我们来对这句话解释一下就是: viewport : 表示的是显示窗口: width=d ...
html页面手机自动缩放,解决HTML5手机端页面缩放的问题
通常在写HTML5手机端页面的时候,我们会发现页面所显示元素的比例不正确,那此时我们需要添加的就是: 或者是那么我们来对这句话解释一下就是: viewport : 表示的是显示窗口: width=d ...
解决部分android手机页面跳转的黑白屏、闪屏、显示桌面背景问题
解决部分android手机页面跳转的黑白屏.闪屏.显示桌面背景问题关于修改后的方案效果图问题思路及解决办法最终方案关于今天在查看登录页面美观度的时候意外发现手上的oppo手机在页面跳转 ...
解决Android软键盘弹出覆盖h5页面输入框问题 // 在ios系统中输入框软键盘消失后，页面不回弹的问题 // 解决苹果不回弹页面 // 微信环境打开
//解决Android软键盘弹出覆盖h5页面输入框问题 window.addEventListener('resize', () => {if (document.activeElement.t ...
springmvcget中文乱码_解决SpringMVC Controller 接收页面传递的中文参数出现乱码的问题...
新配置一个spring的MVC项目,发现对Get请求的中文参数出现了乱码: 查看了SpingMVC中关于编码的配置(在web.xml中),如下: encodingFilter org.springfr ...
ie浏览器 “嗯...无法访问页面尝试此操作...”的解决办法
转载自:https://www.cnblogs.com/mmit/p/12579652.html 昨天想记录一下这个解决方法,但是我想确认一下是不是这个原因,今天确认是了. 就是我在访问人家githu ...
java在win8闪退_解决Win8/Win8.1系统下的IE11闪退的六种方法
相较于IE10浏览器以前的版本,IE11有了很较大的提升.界面呈扁平化的风格,浏览网页时给人一种很清新的感觉.不过有部分使用win8或者win8.1操作系统的用户却有遇到安装的IE11会有闪退的困扰, ...
uni-app返回上一层页面后数据刷新重置解决办法，uni-app页面不刷新，强制刷新页面方法！
页面跳转后返回之前页面数据全部重置刷新了大概意思就是从a页面去b页面办了点事,在回到a页面时之前填写的数据没了,页面数据重置了怎么办,这个应该只有新手会犯这个错误,可以看看官方文档:uni-app页 ...
html调起苹果手机摄像头_使用HTML5+调用手机摄像头和相册
前言: 前端时间使用HTML5作了一个WEB端APP,其中用到了H5页面调用手机摄像头的功能,当时也是花了很多时间去研究.最终是采用了HTML5plus(HTML5+)的方式完成了该功能,现将具体方法 ...
html5移动手机页面怎么做自适应-来自于三人行慕课
原文链接:https://www.3mooc.com/front/articleinfo/134 移动端页面做自适应其实有很多方法,留心的小伙伴可以观察2个网站就完全可以做了,一个是淘宝一个是网易,在 ...

h5禁止页面长按操作_解决HTML5对手机页面长按会粘贴复制禁用的方法-H5教程

h5禁止页面长按操作_解决HTML5对手机页面长按会粘贴复制禁用的方法-H5教程相关推荐

最新文章

热门文章