js 如何实现点击一键复制文本

你是不是遇到过一键复制的这种需求：

实现方法:

浏览器提供了 copy 命令，可以复制选中的内容

document.execCommand("copy")

我们需要写一个输入框，然后通过 select() 方法，选中输入框的文本，然后调用 copy 命令，将文本复制到剪切板

css部分:隐藏输入框

#copy{position: absolute;z-index: -1;opacity: 0;
}

html部分

 <div class="box-text2"><p class="p1">广告链接：</p><p class="p2 intohrefp2"><input type="text" id="copy">  <a class="intohref" href="https://bzi.h5.xeknow.com/sl/42FB8A">等接口https://bzi.h5.xeknow12.com/sl/42FB8A</a></p><span class="copyhref">复制</span></div>

js部分

 //点击复制$(".copyhref").click(function () {let ovalue=$(this).siblings(".p2").children(".intohref").attr("href");let $cppy= $("#copy")$cppy.val(ovalue)$cppy.select(); document.execCommand("copy"); //layer.msg('复制成功',{time:800}); })

js 如何实现点击一键复制文本相关推荐

js实现点击一键复制文本
一.功能描述点击按钮,实现一键复制div元素中的文本内容,并且可以实现粘贴. 为了体现出粘贴功能,添加一个input框,精赋值的内容粘贴到input框里二.代码实现 html部分 <div ...
小程序文字长按识别复制和自定义一键复制文本功能
1.文字长按识别复制: 把需要长按复制的文字用text标签包裹,然后添加selectable="true"属性即可但是这个属性有些缺点,就是长按后不可以直接全选中文本内容进行复制 ...
点击按钮复制文本框内容
点击按钮复制文本框内容复制文本框内容的方法如下: function Copy(){var e=document.getElementById("content");//对象是co ...
vue怎么实现点击复制html,Vue实现点击按钮复制文本内容的例子
Vue实现点击按钮复制文本内容的例子点击复制功能主要通过 clipboard.js 来实现在vue中使用clipboard.js 时候发现一个问题,就是如果不是input或者button 按钮的话 ...
uniapp一键复制文本内容以及下载所有图片或视频
最近在完成公司项目时遇到了一个需求,要求一键复制广告的文本和广告内的所有图片解决方法如下: 第一步:在点击按钮处,点击时传参,分别时双向绑定的文本内容,图片视频地址, <button clas ...
实现一键复制文本功能（laya、egret、cocos）
实现一键复制文本功能(laya.egret.cocos) 如果想转请评论留个言并注明原博 @Sclifftop @13805064305 维尼 https://blog.csdn.net/S_clif ...
微信小程序—一键复制文本
通过点击实现复制文本. wxml: <view data-text="你要复制的内容" bindtap="copy" class="lists& ...
JS复制文本到粘贴板，前端H5移动端点击按钮复制文本到粘贴板。
最近做手机端H5网页里面有个活动:点击按钮复制邀请码.查过一些方法,在电脑端可以复制粘贴,一放在手机上面打开网页就不能复制粘贴了. 直接进入正题使用开源项目 clipboard.js, 官网:点击打 ...
Laya 一键复制文本功能
刚开始接触laya,刚好项目中要实现一个一键复制玩家地址的功能,在网上查了一些资料,现在H5和小游戏上面普遍使用的方法有两种,1.clipboard 2.使用document.execCommand ...
Vue实现一键复制文本内容
记录一下使用到的东西,将文字识别结果一键复制代码 // 文本复制copyText () {//使用textarea的原因是能进行换行,input不支持换行var copyTextArea = doc ...

js 如何实现点击一键复制文本

你是不是遇到过一键复制的这种需求：

实现方法:

js 如何实现点击一键复制文本相关推荐

最新文章

热门文章