webAPP页面禁用长按复制功能

最新推荐文章于 2023-06-04 17:31:42 发布
最新推荐文章于 2023-06-04 17:31:42 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： WEB前端 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/IT_stu/article/details/82459125
版权

webAPP页面禁用长按复制功能

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

    input {
        -webkit-user-select: auto;
        /*webkit浏览器*/
    }
凯豪情
关注
专栏目录
一种解决手机APP内禁止选择、复制文字的思路——以一起考教师应用为例
凌晨三点
06-04 1261
一种APP内不能选择、不可复制文字的解决思路——以一起考教师为例
html5+CSS 实现禁止IOS长按复制粘贴功能
Xjiayi的博客
02-24 4437
/*设置IOS页面长按不可复制粘贴，但是IOS上出现input、textarea不能输入，因此将使用-webkit-user-select:auto;*/*{  -webkit-touch-callout:none; /*系统默认菜单被禁用*/  -webkit-user-select:none; /*webkit浏览器*/  -khtml-user-select:none; /*早期浏览器*/ ...
h5页面在ios机上禁止长按复制
weixin_34198453的博客
10-10 733
（注意，增加之后需要对input的另外设置，不然输入框无法输入）场景：H5出现一个按钮需要长按几秒展示动画的，如：skcs.net-tactic.com/wap/peace/index，这时就需要用到禁止苹果的 ios机默认存在长按复制选择，用以下代码取消： *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:n...
uniapp 长按进行内容复制
Half of if的博客
08-29 3168
<view class="right" @longtap="copy(taskObj.c_phone)" >{{taskObj.c_phone}}</view> copy(value){ console.log('----------') //提示模板 uni.showModal({ content:value,//模板中提示的内容 confirmText:'复制内容', success:()=>{//点.
移动端禁止/阻止/取消长按进行复制粘贴的操作
热门推荐
YaWen的博客
07-18 1万+
最近的项目要求实现一个长按添加关注的功能，后来功能做好了，但是安卓手机长按的时候居然会在周边随便选中文字弹出自带的复制粘贴的操作，后来在网上搜了个样式控制的方法： *{ -webkit-touch-callout:none; /系统默认菜单被禁用/ -webkit-user-select:none; /webkit浏览器/ -moz-user-select:none;/火狐/ -ms-us...
移动端h5文字长按复制_详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案...
weixin_39621794的博客
12-21 2279
最近需要给HTML5的WebAPP在页面上实现一个复制功能：用户点击长按文本会全选文字并弹出系统“复制”菜单，用户可以点击“复制”进行复制操作，然后粘贴到AppStore搜索对应的应用。之所以不是采用链接形式直接跳转到AppStore对应应用是为了通过用户的主动输入关键词搜索给推广的企业App增加权重。所以这一个“复制”功能对用户的体验至关重要。尝试了一些做法，在安卓/iOS平台上的兼容性都不是很...
详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案
12-13
最近需要给HTML5的WebAPP在页面上实现一个复制功能：用户点击长按文本会全选文字并弹出系统“复制”菜单，用户可以点击“复制”进行复制操作，然后粘贴到AppStore搜索对应的应用。之所以不是采用链接形式直接跳转到...
webapp 页面交互与布局
02-05
"Webapp页面交互与布局"是构建高效、用户友好的WebApp的核心要素，对于提升用户体验至关重要。 页面交互主要关注用户与网页的互动方式，包括点击、滑动、拖放、动画效果、表单填写、验证等。良好的交互设计能够使...
webApp页面跳转滑动菜单导航
02-09
在这个webApp中，JavaScript可能被用来监听用户的触摸事件，实现滑动菜单的展开和收起，以及在点击菜单项时平滑地过渡到相应的子页面。CSS3的转换（`transition`）和动画（`animation`）属性则为菜单的滑动提供了...
vue实现webapp页面切换动画_JavaScript_代码_下载
07-02
页面动画 vue-router实现webApp切换效果 效果展示： https://github.com/zhengguorong/pageAinimate/raw/master/pageAnimate.gif 更多详情、使用方法，请下载后阅读README.md文件
手机h5页面长按复制完整代码
04-28
移动端h5页面长按复制的完整代码，包含安卓和ios，可供学习使用
uniapp和vue无法(长按)复制解决方案
小龙哒的博客
08-31 2340
body:{ -webkit-user-select: text; } 搞上去
[html] H5怎么禁用长按复制的功能？
歌谣的博客
04-02 1631
[html] H5怎么禁用长按复制的功能？ // 禁止长按图片保存，设置img样式 -webkit-touch-callout: none; pointer-events: none; // 微信浏览器无法禁止，需加上这句 // 禁止长按选择文字 -webkit-user-select: none; // 禁止长按呼出菜单 -webkit-touch-callout: none; 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关
uni-app - 禁用 APP 横屏旋转（用户操作行为）
王佳斌
08-18 3876
前言 注意：利用 HTML5+ API 进行操作，这也就造成了 除了APP端 都不会生效（其他端参见 该 API）。 有时候，我们不希望用户利用 手机操作或重力感应 进行对咱们 app 进行旋转横屏（玩游戏那样），这样就会导致样式错乱。 解决方案 说明：锁定屏幕方向后屏幕只能按锁定的屏幕方向显示，关闭当前页面后仍然有效。 锁定屏幕方向可取以下值： “portrait-primary”: 竖屏正方向； “portrait-secondary”: 竖屏反方向，屏幕正方向按顺时针旋转180°； “land
解决手机应用app文字不能选中，不能复制的方法
最新发布
凌晨三点
06-04 919
解决手机应用app文字不能选中，不能复制的方法
移动端（pc）禁止长按拷贝
张井乙ccccyc的博客
02-17 5401
网页在手机上浏览时通常会碰到一个问题，就是不小心触摸时间过长就出现自带的拷贝等按键了，造成了不好的体验，下面就教你解决办法。web端，只需在css中加入代码就可以了*{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-
对手机页面长按会粘贴复制禁用的解决方法
linghunyoushou的博客
11-08 2673
直接在CSS 文件中添加下面的代码，就可以实现了在手机端禁止粘贴复制的功能： *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-...
移动端h5页面禁止长按选择复制
艾欢欢的博客
11-01 4712
注意 ：增加之后需要对input做另外设置，不然输入框无法输入 ios手机默认可以长按选择复制，如不想长按选择，可以用以下代码取消： *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/...
h5禁止页面长按操作_HTML5 对于手机页面长按会粘贴复制的禁用 （解决方案）
weixin_39997300的博客
02-15 612
解决方案：直接在CSS 文件中添加下面的代码，就可以实现了在手机端禁止粘贴复制的功能：*{-webkit-touch-callout:none; /*系统默认菜单被禁用*/-webkit-user-select:none; /*webkit浏览器*/-khtml-user-select:none; /*早期浏览器*/-moz-user-select:none;/*火狐*/-ms-user-sel...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值