点击按钮自动复制到剪贴板的实现

应用场景：你可以在网页上放置文字，在点击文字后你就可以将文字所带的url复制到剪贴板，然后就可以复制到你想到的任何地方。

购票链接：<a href="javascript:void(0);" data-clipboard-text="http://www.bandlive.cn'+activity.mActivityLink+'?another=111"'+' id="a_id">手机购票链接</a>  点击【手机购票链接】即可复制到订阅号进行购票;var copylink = new ZeroClipboard(document.getElementById("a_id"));copylink.on("aftercopy", function(event){alert("链接已被复制" );});

还要求导入两个文件，一个是ZeroClipboard.min.js，一个是ZeroClipboard.swf，这个我放在csdn你可以下载就可以用。

http://download.csdn.net/detail/kai_wei/9409534 ZeroClipboard.swf

http://download.csdn.net/detail/kai_wei/9409539 ZeroClipboard.min.js

点击按钮自动复制到剪贴板的实现相关推荐

jquery粘贴按钮_实现前端点击按钮自动复制剪贴板功能
[目录] 明确需求 html分析代码实现 css分析 js分析代码实现只要是文本,长按选中就可以复制,但是需求来了挡也挡不住: 明确需求为了提升用户体验,点击[复制]按钮就自动复制到剪贴板,那 ...
php 点击按钮自动复制,实现点击元素自动复制内容的功能
前言之前也做过点击文本框内容自动复制的功能,但从来没遇到过点击非文本框自动复制的需求.在这里也一起记录下,如何实现这两种情况. 1.点击文本框,自动全选(移动端比较直观) ps: 这种情况也可以 ...
html内容点击按钮自动复制,HTML页面---复制按钮的使用(包含弹层)
先说一下我的整体方案: 用到了clipboard插件,官方地址和github地址,也可以参考中文说明. clipboard插件实测:在PC端的浏览器(试了mac上的safari,chrome,fire ...
刷新页面微信二维码图片随机换，点击按钮自动复制对应微信号
<div style="text-align: center;"> <p style="font-size: 18px;color: rgb(255, ...
html点击按钮动复制推广地址,JavaScript实现点击按钮就复制当前网址
JavaScript实现点击按钮就复制当前网址点击按钮复制当前网址: 在大量的网站都有这样的功能,当点击一个按钮的时候可以复制当前页面的地址,以此可以方便网站用户对链接的存储,同时也便于网站的推广, ...
html 点击按钮js自增,JS实现点击按钮自动增加一个单元格的方法
本文实例讲述了JS实现点击按钮自动增加一个单元格的方法.分享给大家供大家参考.具体分析如下: 这是一个网页在线自助生成表格的特效代码. 核心功能代码是JS实现,点击网页中的添加按钮,网页中自动增加一个 ...
腾讯微博——点击按钮自动加关注代码
腾讯微博点击按钮自动加关注: <iframe id="previewmc" src="http://follow.v.t.qq.com/index.php?c=fo ...
javascript点击按钮，复制文本
let oInput = document.createElement('input'); oInput.value = "复制文本"; document.body.appendC ...
vue实现点击按钮，复制图片、文本到粘贴板
最近有个需求,需要点击按钮之后,一键复制内容,内容中有图片,有文字,需要都复制出来,于是发现了一个轻巧.方便的插件 clipboard-all (https://www.npmjs.com/pac ...

点击按钮自动复制到剪贴板的实现

点击按钮自动复制到剪贴板的实现相关推荐

最新文章

热门文章