ZeroClipboard实现复制

今天利用ZeroClipboard实现了批量复制ip到剪贴版的公里，第一种方式总是有错，需要点击两次才能成功复制，第二种方法成功。在这里记录下，方法一：

    $('#copy_ips').zclip({ //点击两次才能成功复制？？path: '/static/js/ZeroClipboard.swf',beforeCopy: function () {//复制成功$('#copy-ips-container').val(function(n,c){var all_value = document.getElementsByName('choice');var value = '';for (var i = 0; i < all_value.length; i++) {if (all_value[i].checked == true)value = value + all_value[i].value + '\n';}if (value == '') {alert('请勾选IP');return '';} else{return value;}});},copy: function () {//复制内容return $('#copy-ips-container').val();},afterCopy: function () {//复制成功if ($('#copy-ips-container').val() != '') {alert('复制成功');}}});

方法二：

    $('#copy_ips').zclip({path: '/static/js/ZeroClipboard.swf',copy: function () {//复制内容var all_value = document.getElementsByName('choice');var value = '';for (var i = 0; i < all_value.length; i++) {if (all_value[i].checked == true)value = value + all_value[i].value + '\n';}$('#copy-ips-container').val(value);return value;},afterCopy: function () {//复制成功if ($('#copy-ips-container').val() != '') {alert('复制成功');} else {alert('请勾选IP');}}});

转载于:https://www.cnblogs.com/nerrissa/p/5432405.html

ZeroClipboard实现复制相关推荐

zeroclipboard浏览器复制插件使用记录
一个简单例子: <html><body><button id="copy-button" data-clipboard-text="Copy ...
zeroclipboard 粘贴板的应用示例，兼容 Chrome、IE等多浏览器
zeroclipboard单个复制按钮和多个复制按钮的实现方法最近网站改版想让复制代码功能在多个浏览器上都可以实现,最近看网上不少说我们的代码复制功能不好用的,我们最近将会增加代码高亮等功能,希望大 ...
【转】js实现复制到剪贴板功能，兼容所有浏览器
2019独角兽企业重金招聘Python工程师标准>>> 两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家 ...
JS 点击复制Copy插件--Zero Clipboard
写博客就是一周工作中遇到哪些问题,一个优点就是能够进行一个总结,另外一个优点就是下次遇到相同的问题即使那你记不住,也能够翻看你的博客攻克了.相同也能够帮到别人遇到与你一样问题的人.或者别人有比你更好的 ...
jquery ZeroClipboard实现黏贴板功能，兼容所有浏览器
两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...
ZeroClipboard2跨浏览器复制粘贴
摘要:我们平时常用到的复制粘贴功能,在浏览器端,要想使用一个按钮来实现,使用原生js代码来实现,是困难的,幸好ZeroClipboard的出现,解决了这一尴尬的问题. ZeroClipboard2简介 ...
html5 复制到剪贴板兼容,JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...
前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先)
0. 前端自动化(Workflow) 前端构建工具 Webpack - module bundler Yeoman - a set of tools for automating developmen ...
ZeroClipboard跨浏览器复制粘贴
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>ZeroClipboard跨浏览器复制粘贴</title ...
使用ZeroClipboard解决跨浏览器复制到剪贴板的问题
Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Fla ...

ZeroClipboard实现复制

ZeroClipboard实现复制相关推荐

最新文章

热门文章