开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >手机端禁止默认长按复制功能[通俗易懂]

手机端禁止默认长按复制功能[通俗易懂]

作者头像

全栈程序员站长

发布于 2022-11-10 07:17:10

发布于 2022-11-10 07:17:10

1.8K00

代码可运行

举报

文章被收录于专栏：全栈程序员必看全栈程序员必看

运行总次数：0

代码可运行

大家好，又见面了，我是你们的朋友全栈君。

若要将全部的文字都取消长按复制，只需在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;
}

这种方法会导致input输入框不可用，可以添加这一句解决这个问题：

input{
  -webkit-user-select: auto;
}

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年9月28日，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

ios长按不能粘贴_ios14长按不能复制

https 网络安全

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

全栈程序员站长

2022/11/11

1.2K0

页面小技巧（禁止copy）

javascript css 开源 copy

打开如下链接，F12调式，把写有屏蔽的注释解掉就可以屏蔽了，不过我个人喜好开源分享，所写的都不会屏蔽，如有用到，麻烦留言一下，谢谢。

隔壁老陈

2023/03/09

7660

适度使用禁止复制css样式的好处

css3 工作前端

在前端工作中，我们可能会制作一些东西是给访客点击的。点来点去，就会发现会被选中，这时候可能就会妨碍页面的正常使用。因此，在这种情况下，就有必要禁止选中了。使用js的方法过于冗余。因此推荐css3的方式。代码如下： .no_select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none

FungLeo

2022/11/28

7430

html禁止相关css

一.禁止点击 html{ pointer-events:none;} 二.静止选中 #web html{ user-select:none; } #手机端 html{{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select:

小小咸鱼YwY

2020/06/19

1.3K0

微信浏览器禁止复制文本和图片

微信 https java 网络安全 html

3、php代码示例，常用于后台通过富文本编辑器上传的图文内容，数据存储到数据库，前端查询数据进行展示，处理图文禁止复制、图片居中，测试结果页面在IOS和安卓微信中没问题，其他浏览器可能存在兼容性，解决办法微信禁止分享以及使用oauth；

全栈程序员站长

2022/07/20

1.1K0

移动端bug汇总（一）

Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。

zhbyue

2018/05/17

3.3K0

移动web端常见bug汇总001

本文是摘录整理了移动端常见的一些bug以及解决方案，第一篇，后面还会有持续的文章更新整理。

RobinsonZhang

2018/08/28

2K0

移动web端常见bug汇总001

如何用css和js禁止网页选择文字(兼容) 保护版权呢？（附代码）

现在有好多人为了省事直接复制他人的文章，从而损害到别人的利益，那么如何从技术上保护呢？问：前端开发css禁止选中文本如何禁止选中文字？？？禁止选中的方法很简单，有两种方法：JS和CSS两种 js方法（onselectstart=”return false;）直接干货 123456789 if(document.all){ document.onselectstart= function(){return false;}; //for ie}else{ document.onmo

双愚

2018/05/28

2.5K0

HTML页面用CSS实现禁止选中、复制和右键

html push window

最近在写页面的时候，需要在左上角加一个logo，但是复制的时候会把这张图片一块选中。

德顺

2019/11/12

4.9K0

常用的css样式

圆角 -moz-border-radius: 6px; /* Mozilla浏览器的私有属性 */ -webkit-border-radius: 6px; /* Webkit浏览器的私有属性 */ border-radius: 6px 6px 6px 6px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */ 阴影 box-shadow: 1px 1px 3px 0px #DADADA; -webkit-box-shadow: 1px 1px 3px 0px #DADADA; -o-box-sha

码客说

2019/10/22

8660

移动端常见问题解决方案

通常当你在手机上长按图像 img ，会弹出选项存储图像或者拷贝图像，若不想让用户这么操作，可以设置方法来禁止：

青梅煮码

2023/03/02

1.4K0

收藏 | 移动端H5开发常用技巧总结

ios jquery javascript android

在 iOS Safari （其他浏览器和 Android 均不会）上会对那些看起来像是电话号码的数字处理为电话链接，比如：

@超人

2021/03/18

4.5K0

移动端H5页面开发坑点指南

ios 微信缓存 html html5

前言在平时的H5移动端开发时，我们难免会遇到各种各样的坑点，这篇文章就带着大家来看看怎么解决，文章较长，建议收藏方便以后查阅！

Javanx

2019/10/28

3.4K0

棍子英雄自写H5源码

源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>棍子英雄</title> <style> *{ margin: 0; padding: 0; -webkit-touch-callout:none; -webkit-user-select:none;

全栈开发日记

2022/05/12

2970

实用CSS片段

css webkit 登录搜索移动端

老K博客

2024/06/10

1450

CSS3 user-select 禁选文本

html5 存储 html

HTML5学堂：当我们在访问一个文章网站的时候,常常因为拖拽的时候误选文字,给我们的一种不好的用户体验，而我们可以用CSS3的user-select属性禁选文本来解决这个问题,另外为了防止用户的复制和转载,我们也可以使用user-select属性]解决这个问题. 请谨慎使用这个属性：因为大部分用户是来查看信息的，他们可以复制并存储下来以备将来之用，所以这种方法既无用也无效。如果你禁用了复制粘贴功能，用户还是可以通过查看源文件来获取到他们想要的内容。接下来我们具体来了解一下user-select属性。基本语

HTML5学堂

2018/03/12

1.8K0

CSS3 user-select 禁选文本

volantis主题修改代码高亮样式

hexo默认的代码高亮样式有时候不够好看，而highlightjs可以自己引用很多好看的样式，比如vs样式。但是它却不支持行号，因此有了这篇修改教程。

GOOPHER

2022/03/31

1.6K0

volantis主题修改代码高亮样式

[前端系列] vue3和elementui使用recorder.js实现录音功能

在实现GOFLY在线克服的过程中，需要实现在线录音发送的功能特别把这段代码demo抽出来 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/elemen

唯一Chat

2021/11/10

3.5K0

移动端Web页面常见问题解决

经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960*640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的。

空空云

2018/09/27

1.9K0

ionic4在ios微信浏览器输入框聚焦问题

客户反映应用在微信浏览器上有问题，有时输入框无法聚焦从而无法输入。开发找我求助，我去试遍了主流浏览器，桌面、android、ios平台，发现仅有【ios+微信浏览器】才会出现这个问题，使用微信开发者工具调试也没有问题，最后通过工具调试微信浏览器，也没找到什么原因，一脸懵逼。

IT晴天

2019/01/28

7470

相关推荐

ios长按不能粘贴_ios14长按不能复制

更多 >

全栈程序员站长0

LV.2

CTO

专栏

2

作者相关精选

换一批

加入讨论

的问答专区 >

相关课程

一站式学习中心 >

AI代码助手快速上手训练营

腾讯云代码助手

本文部分代码块支持一键运行，欢迎体验

本文部分代码块支持一键运行，欢迎体验