JS复制内容到剪贴板

这里我只讲解一个办法，网上找了一大堆全是扯淡！

第一步：

    npm install clipboard-polyfill

第二步：

    import  clipboard from "clipboard-polyfill"

第三步：

    clipboard.writeText("This text is plain.");     //数据写到剪贴板clipboard.readText().then(console.log, console.error);   //从剪贴板读取数据

解释：

这个插件来源于clipboard.js，不过clipboard.js已经废弃

2- vue-clipboard2， react-clipboard 是在clipboard.js基础上的封装

3- vue-clipboard2 绑定只能是一个变量，你必须将值传递给这个变量，有一点局限性

(图一：vue-clipboard2)

(图二： react-clipboard)

注意：

   复制的内容 必须写在button标签里面

JS复制内容到剪贴板相关推荐

JS 复制内容到剪贴板
使用 JS 复制内容到剪贴板主要有两种方式: 使用 clipboard.js 插件使用 document.execCommand() 原生方法 1.使用 clipboard.js 插件该插件使用比 ...
【战术性mark】JS 复制内容到剪贴板
看到这篇文章想要转载的原因是,之前想做一个Chrome插件,实现功能是特定网站监听用户复制,然后自动缀上磁力链接头是的,这玩意的作用就是你现在所想的那样.只是鉴于之前一直没搞定读写Windows剪切 ...
js复制内容到剪贴板代码，js复制代码
例子 <script type="text/javascript"> function jsCopy(){ var e=document.g ...
【JS】JavaScript复制内容到剪贴板
常见方法查了一下万能的Google,现在常见的方法主要是以下两种: 第三方库:clipboard.js 原生方法:document.execCommand() 分别来看看这两种方法是如何使用的. c ...
《JS实现复制内容到剪贴板功能，可兼容所有PC浏览器，不兼容手机端》
前记:本来原生的JS是有提供一个函数来实现这个功能(window.clipboardData),但是很遗憾,这个函数仅仅支持IE和FF浏览器,所以基本用处不大.下边介绍的是一个第三方插件库(ZeroC ...
使用clipboard.js实现复制内容至剪贴板
下载插件 clipboard.js是不依赖flash,实现复制内容至剪贴板的js插件.下载clipboard.js的压缩包,根据需要选择dist目录下的压缩或未压缩版. github地址:https: ...
html5 复制到剪贴板兼容,JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...
JavaScript复制内容到剪贴板
原文链接:https://github.com/axuebin/ar... 最近一个活动页面中有一个小需求,用户点击或者长按就可以复制内容到剪贴板,记录一下实现过程和遇到的坑. 常见方法查了一下万能 ...
小程序复制内容至剪贴板
小程序复制内容至剪贴板前台 <view bindtap='copyText' data-text="{{1234}}">复制</view> js copy ...

JS复制内容到剪贴板

第一步：

第二步：

第三步：

解释：

注意：

JS复制内容到剪贴板相关推荐

最新文章

热门文章