H5点击复制功能 兼容安卓、IOS

server/2024/9/25 19:14:18/

效果图

在这里插入图片描述

HTML代码

<div>链接:<span style="color: #FF8A21" @click="CopyUrl" id="copyId"> https://blog.csdn.net/qq_51463650?spm=1000.2115.3001.5343</span>
</div>

复制方法

const CopyUrl = () => {let url = "https://blog.csdn.net/qq_51463650?spm=1000.2115.3001.5343";if (!url) return showToast('复制失败!')let copyDom = document.getElementById('copyId')copyDom.innerText = url//创建选中范围let range = document.createRange()range.selectNode(copyDom)//移除剪切板中内容window.getSelection().removeAllRanges()//添加新的内容到剪切板window.getSelection().addRange(range)//复制let successful = document.execCommand('copy')if (successful) {showToast('复制成功!')} else {showToast('复制失败!')}}

http://www.ppmy.cn/server/17418.html

相关文章

【数据结构(邓俊辉)学习笔记】绪论05——动态规划

文章目录 0.前言1. Fibonacci数应用1.1 fib&#xff08;&#xff09;&#xff1a;递归1.1.1 问题与代码1.1.2 复杂度分析1.1.3 递归分析 1.2 fib&#xff08;&#xff09;&#xff1a;迭代 0.前言 make it work,make it right,make it fast. 让代码能够不仅正确而且足够高效地…

前端:防止重复请求的方案

前端&#xff1a;防止重复请求的方案 方案一、axios请求拦截器方案二、把相同的请求拦截掉方案三、&#xff08;最佳推荐&#xff09; 方案一、axios请求拦截器 通过使用 axios拦截器&#xff0c;在请求拦截器中开启全屏Loading&#xff0c;然后再响应拦截器中关闭。 import …

成电少年学fpga培训就业班怎么样

成电少年学是专注做FPGA培训的&#xff0c;以就业为导向&#xff0c;学习FPGA还是很有前途的&#xff0c;如果你是像电气、通信、自动化、物联网、集成电路这类专业&#xff0c;又不是名校高学历的&#xff0c;确实有必要可以考虑下校外培训机构。找工作多少会遇到一些问题&…

【spring6】Spring IoC注解式开发

1.声明Bean的注解 负责声明Bean的注解&#xff0c;常见的包括四个&#xff1a; 1&#xff09;Component&#xff1b;2&#xff09;Controller&#xff1b;3&#xff09;Service&#xff1b;4&#xff09;Repository 源码分析&#xff1a;可以看出Controller、Service、Reposito…

大文件的分片上传和断点上传

一、大文件的分片上传 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Chunked File Upload</title> </head> <body><input type"file" id"fileInput">…

定时器使用

最近工作中遇到了一个场景&#xff0c;需要定时请求后台数据并更新到界面上&#xff0c;在C#中&#xff0c;有三种定时器&#xff1a; 1.System.Timers.Timer 2.System.Threading.Timer 3.System.Windows.Threading.DispatcherTimer 1&#xff0c;2两种方式差不多&#xff0c;都…

了解监控易(37):凭证管理

在复杂的IT环境中&#xff0c;设备接入与信息修改是运维人员经常面临的挑战。为确保这些操作既快速又安全&#xff0c;监控易提供了强大的凭证管理功能。这一功能通过采用凭证模式&#xff0c;使得设备的添加与维护变得更为便捷&#xff0c;同时支持批量接入与修改设备信息&…

Java后台开发的前置说明

1.知识点逻辑 一个部分 都是先挑重点知识点讲解 然后根据这些重点知识点去完成一个项目的开发 然后在到返回来解决这个部分其他细枝末节的知识点 2.软件开发的分工 我们大致可以将软件开发分成四块&#xff1a; 1.前端开发(比如开发电脑中的京东 htmlcssjavascript) 2.移动开…