将内容复制到剪切板兼容主流浏览器的解决方案

html :

<body><div class="demo-area"><label for="copy-input">输入要复制到剪切板的文字:</label><br><textarea id="copy-input" cols="30" rows="10"></textarea><br><button id="copy-button">复制到剪贴板</button><br></div><script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><script src="path/to/ZeroClipboard.js"></script>
</body>
</html>js:

//配置ZeroClipboard.swf
ZeroClipboard.config({swfPath: './vendor/ZeroClipboard.swf'
});//初始化
var client = new ZeroClipboard(document.getElementById("copy-button"));client.on("ready", function(readyEvent) {client.on("copy", function(event) {var clipboard = event.clipboardData;var copyText = $('#copy-input').val();clipboard.setData("text/plain", copyText); // 将内容添加到剪切板});
});

兼容主流浏览器的最终解决方案

使用ZeroClipboard。

转载于:https://www.cnblogs.com/ake520/p/3892599.html

将内容复制到剪切板兼容主流浏览器的解决方案相关推荐

Android将内容复制到剪切板
近期,项目里需要用到将部分内容复制到剪切板,以前用到都是随用随找,挺麻烦的,最近整理一下,在这里记录一下其实Android提供的剪贴板框架,Android提供ClipboardManager.Cli ...
Html将内容复制到剪切板.
Html将内容复制到剪切板. 引入clipboard.min.js /*!* clipboard.js v1.6.1* https://zenorocha.github.io/clipboard.js ...
vb 复制剪贴板 html,VB把选中的内容复制到剪切板
两个最有用的 Clipboard 方法是 SetText 和 GetText. 用 SetText 和 GetText 方法向剪贴板和从剪贴板传送数据 SetText 将文本复制到 Clipboard ...
微信小程序之一键复制到剪切板
最近在开发小程序项目里遇到一个小难题-----一键复制在网页开发里我们可以引用大牛封装好的复制插件,比如无flash插件clipboard.js适用移动端,pc端------- 言归正装,打开微信 ...
Web功能之复制粘贴剪切板
目录一.展示 1.代码展示 2.实际效果展示二.具体实现简述步骤三.疑惑与解答一.展示 1.代码展示 <!DOCTYPE html> <html> <head& ...
js如何将内容添加到剪切板？
话不多说,直接上代码方式1: 使用: document.execCommand 注意:即将被弃用了 copyToClip(content,tips) {console.log("复制的内容 ...
uniapp 复制到剪切板四端适配
记得很早的时候实现过一次,只不过那次是纯 vue 实现的 h5+,但是想用在 uniapp中还是不行.有些地方不能用!不过在 App 中的方法还是可以使用的: Vue 复制内容到系统剪切板_唐僧的 ...
clipboard.js 实现动态获取内容并复制到剪切板
一个按钮实现先ajax请求,再实现复制功能: 使用clipboard.js分为以下几个步骤: 1.引入一个clipboard.js的文件: 2.新建一个clipboard对象: 3.点击按钮获取目标对 ...
VSCode实用快捷键：复制粘贴内容不改变剪切板等
VSCode里面有很多快捷键,接下来我讲一些我认为最实用的,可以帮助萌新提高代码编写速度 1.快捷复制粘贴 · 会改变剪切板的复制 ctrl+c 光标定在那一行想复制的地方,直接Ctrl+c,然后直接 ...

将内容复制到剪切板兼容主流浏览器的解决方案

兼容主流浏览器的最终解决方案

将内容复制到剪切板兼容主流浏览器的解决方案相关推荐

最新文章

热门文章