点击按钮复制到剪切板

一、需求场景：

点击复制按钮，复制文字到剪切板

二、代码实现：

// 用浏览器自带的copy功能只能复制文本框里面的内容，因此要创建文本框

// 用浏览器自带的copy功能只能复制文本框里面的内容，因此要创建文本框
function fallbackCopyTextToClipboard(text) {var result, textArea;textArea = document.createElement("textarea");textArea.value = text;textArea.style.top = "0";textArea.style.left = "0";textArea.style.position = "fixed";document.body.appendChild(textArea);textArea.focus();textArea.select();result = document.execCommand('copy');document.body.removeChild(textArea);return result;
}// 复制到剪切板
function copyTextToClipboard(text) {if (navigator.clipboard) {return navigator.clipboard.writeText(text);} else {return fallbackCopyTextToClipboard(text);}
};

三、点击按钮复制：

$('#copy-citation-btn').on('click',function () {var textDom=$('.citation-style-item').filter(':visible');var text = textDom.text();if (copyTextToClipboard(text)) {alert('复制成功！')}
})

点击按钮复制到剪切板相关推荐

iview利用clipboard插件实现点击文字复制到剪切板
要实现的需求如下 mounted(){this.getYzmlbList();this.clipboard = new Clipboard(".copyBtn",{text: fu ...
html 复制文本按钮,js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一.原理分析浏览器提供了 ...
js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制 <p> 标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一.原理 ...
clipboard.js 实现动态获取内容并复制到剪切板
一个按钮实现先ajax请求,再实现复制功能: 使用clipboard.js分为以下几个步骤: 1.引入一个clipboard.js的文件: 2.新建一个clipboard对象: 3.点击按钮获取目标对 ...
点击按钮复制微信号/公众号，并打开微信APP搜索H5如何制作。
我们在外部浏览器或者APP推广自己的公众号或者企业微信时经常看到别人使用复制搜索模式,具体操作流程是什么样的呢? 一.复制搜索公众号跳转流程 1.用户打开您的H5落地页: 2.点击按钮将公众号复制到剪 ...
微信小程序之一键复制到剪切板
最近在开发小程序项目里遇到一个小难题-----一键复制在网页开发里我们可以引用大牛封装好的复制插件,比如无flash插件clipboard.js适用移动端,pc端------- 言归正装,打开微信 ...
Html将内容复制到剪切板.
Html将内容复制到剪切板. 引入clipboard.min.js /*!* clipboard.js v1.6.1* https://zenorocha.github.io/clipboard.js ...
Web功能之复制粘贴剪切板
目录一.展示 1.代码展示 2.实际效果展示二.具体实现简述步骤三.疑惑与解答一.展示 1.代码展示 <!DOCTYPE html> <html> <head& ...
html5点击复制文本框内容,js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一.原理分析浏览器提供了 ...
uniapp 复制到剪切板四端适配
记得很早的时候实现过一次,只不过那次是纯 vue 实现的 h5+,但是想用在 uniapp中还是不行.有些地方不能用!不过在 App 中的方法还是可以使用的: Vue 复制内容到系统剪切板_唐僧的 ...

点击按钮复制到剪切板

点击按钮复制到剪切板相关推荐

最新文章

热门文章