页面禁止长按保存图片和长按复制文字

article/2025/1/17 0:04:38
1 禁止长按保存图片
img
{
pointer-events:none; // 禁止none ,启用auto
}
Tips:pointer-events属性详解:

官方文档:https://www.html.cn/book/css/properties/user-interface/pointer-events.htm
在这里插入图片描述

2 禁止复制文本
*{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
Tips:user-select属性详解:

官方文档:https://www.html.cn/book/css/properties/user-interface/user-select.htm
在这里插入图片描述


Tips:【小程序云开发】中高级前端面试题库(源码:小程序中联系我哟)。
---------- 创作不易,感谢大家,请多多支持!
在这里插入图片描述


http://chatgpt.dhexx.cn/article/sgX48q1X.shtml

相关文章

微信小程序实现长按复制和点击复制

我们在进行微信小程序开发时&#xff0c;经常会遇到用户通过长按文字复制和用户通过点击事件复制指定内容的需求。 长按复制: 微信小程序中text标签中有一个selectable属性可以满足我们的需求&#xff0c;我们只需要把属性的值设置为true即可。 <text selectabletrue>哈…

长按复制

2019独角兽企业重金招聘Python工程师标准>>> - (void)awakeFromNib {[super awakeFromNib];UILongPressGestureRecognizer *longPress [[UILongPressGestureRecognizer alloc] initWithTarget:self action:selector(problemToCopy:)];longPress.numberOfTouchesReq…

iOS创建支持长按复制的Label控件(将`canPerformCopyAction`置为`YES`来开启长按复制文本,并自定义 UIMenuController来处理事件)

文章目录 前言I、UILabel的基本用法1.1 显示模式1.2 例子:一行中头部省略II、 案例: 实现长按复制文本的功能2.1 实现步骤2.2 具体的代码III 、根据文本内容计算UILabel的高度IV、 see also: QMUILabel前言 实现原理 CopyTextLabel 通过将canPerformCopyAction置为YES来开启长…

点击复制/长按复制

一、封装事件&#xff08;长按事件才需要此文件&#xff09; res/modules/util/longpress.js export default {//长按事件&#xff0c;长按复制到剪切板install(Vue, options {time: 1000}) {Vue.directive(longpress, {bind: function (el, binding, vNode) {// 确保提供的表…

uniapp 实现长按复制文本功能

本篇没啥营养&#xff0c;就是告诉不熟悉uniapp的开发者怎么完成长按复制&#xff0c;懂得朋友别浪费时间 1 . 给 text 组件 设置对应平台 的对应属性&#xff0c;在安卓手机上的效果 2. 直接设置剪切板的内容 uni.setClipboardData(OBJECT) <text style" longpress…

微信小程序长按复制文本

在微信小程序内的文字无法长按复制&#xff0c;除了text节点以外。 但是要在text标签内加一个“selectable”属性。 < text selectable’true’ >< text/>

微信小程序实现文字长按复制、一键复制功能

一、不引入外部组件的实现方式 <!-- index.wxml --> <view><!-- 长按复制 --><view bindlongtap"copyText" data-key"{{item.cdkey}}">{{ item.cdkey }}</view><text bindlongtap"copyText" data-key"{{i…

Android 自定义文本的“长按选择复制”,再也不用担心各种差异了!

承香墨影 只分享最有用的原创技术干货&#xff01; 关注 在 Android 下浏览网页&#xff0c;基本上都有长按复制的功能&#xff0c;不过这些都是 WebView 以及系统为我们提供的功能&#xff0c;如果想要定制的话&#xff0c;还是有些许麻烦的。 今天给大家推荐的文章就是说说如…

引入 jackson-dataformat-xml 后,默认响应结果是 json 还是 xml?

背景 继续接上一篇的文章&#xff0c;项目中同时加入了 JSON 和 XML 解析器后&#xff0c;一个请求没有设置 produces 属性时&#xff0c;得到的数据是什么类型呢&#xff1f;本文来探讨这个问题。 引用 XML 解析包 <dependency><groupId>com.fasterxml.jackson…

Apache Camel源码研究之DataFormat

在上一篇博客Apache Camel源码研究之TypeConverter中&#xff0c;我们介绍了Apache Camel实现数据格式转换的一种实现方式&#xff0c;本文中我们将介绍另外一种实现方式 —— DataFormat。 1. 概述 相较于前面博客介绍过的TypeConverter&#xff0c;DataFormat在平时应用中应…

springboot引入ackson Dataformat XML后原本返回json的却返回xml

springboot引入ackson Dataformat XML后原本返回json的却返回xml springboot引入jackson Dataformat XML后原本返回json的却返回xml问题原因解决方式最后说明 springboot引入jackson Dataformat XML后原本返回json的却返回xml 今天项目需要生成xml文件&#xff0c;才引入了jac…

Error:java: 读取D:\apache-maven-3.6.1\req123\com\fasterxml\jackson\dataformat\jackson-dataformat-smile

Error:java: 读取D:\apache-maven-3.6.1\req123\com\fasterxml\jackson\dataformat\jackson-dataformat-smile\2.11.4\jackson-dataformat-smile-2.11.4.jar时出错; error in opening zip file 报错&#xff1a; 本地jar文件损坏 解决&#xff1a; 删除其jar包所在的文件夹…

@JsonFormat与@DataFormAT注解的区别

JsonFormat与DateTimeFormat注解的区别 JsonFormat主要是后台到前台的时间格式的转换DateTimeFormat主要是前后到后台的时间格式的转换 例子&#xff1a; pattern&#xff1a; 日期格式 timezone: 时区

Java常用类(Math类、Arrays类、Calendar类、Date类以及DataFormat类)

目录 一、Math类 1.主要用途 2.如何使用 &#xff08;1&#xff09;导包 &#xff08;2&#xff09;记住常用的方法名 &#xff08;3&#xff09;选择适当的场景&#xff0c;对其应用 3.常用方法整理 二、Arrays类 1.主要用途 2.使用方式同Math类相同 3.常用方法 三…

利用jackson-dataformat-csv读写csv文件

利用jackson-dataformat-csv读写csv文件 csv是comma-separated values的缩写&#xff0c;这类文件在日常项目中有时比较常见。sql工具一般具有将数据库数据导入、导出csv格式。 利用jackson-dataformat-csv读写csv文件&#xff0c;重点在与两个类&#xff1a;CsvMapper和CsvSc…

FormData详解

FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式&#xff0c;并且可以轻松的将数据通过XMLHttpRequest.send() 方法发送出去&#xff0c;本接口和此方法都相当简单直接。如果表单 enctype 属性设为 multipart/form-data &#xff0c;则会使用表单的 submit(…

源码解析-为什么引入了jackson-dataformat-xml 包我的接口全变成了xml格式?

本文从引入jackson-dataformat-xml 之后接口全变成xml 现象开始&#xff0c;一步步排查代码原因&#xff0c;并提出解决方案。希望能对遇到相关问题的人有所帮助 新调用上游一个接口&#xff0c;增加了对方的一个api包&#xff0c;没修改任何逻辑&#xff0c;接口却从json返回…

Java-常用API(StringBuffer,Math,Date,DataFormat,Calender,Runtime,System,包装类)

Java常用API StringBuffer 为了解决String字符串操作导致的内存冗余&#xff0c;提高效率&#xff0c;Java中提供了StringBuffer和StringBuilder来操作字符串&#xff0c;并且提供了很多方法&#xff0c;便于程序员开发 StringBuffer和StringBuilder中都有char类型可变长数组…

Java知识点--DataFormat,SimpleDateFormat和DateTimeFormatter

Java知识点–DataFormat&#xff0c;SimpleDateFormat和DateTimeFormatter 这个知识点没什么难懂的地方&#xff0c;就不一一赘述了。 import java.text.DateFormat; import java.util.Date; import java.util.Locale;public class test01 {public static void main(String[]…

04、添加 com.fasterxml.jackson.dataformat -- jackson-dataformat-xml 依赖报错

Correct the classpath of your application so that it contains a single, compatible version of com.fasterxml.jackson.dataformat.xml.XmlMapper 解决&#xff1a; 改用其他版本&#xff0c;我没写版本号&#xff0c;springboot自己默认的是 2.11.4 版本 成功启动项目…