轻量级的实现复制文本到剪贴板功能的 js

官网地址：https://clipboardjs.com/

第一步引入js 文件

<script type="text/javascript" src="./jquery.min.js"></script>
<script src="./clipboard.min.js"></script>

第二步布局

<div class="yqm">我的邀请码:/*要复制的内容*/<span class="span2" style="margin-left: 1%;">123456</span>
/*点击复制的*/ <img id="img3" src="{:C('APP_IMAGE')}copy.png" alt="">
</div>

第三步js代码

/*点击事件*/ $('#img3').on('click', function () {/*获取要复制的文字*/ value3 = $('.span2').html();
/*通过id指定的节点对象，并作为参数传送给Clipboard,
这里的返回值的内容data-clipboard-text的内容*/$('#img3').attr('data-clipboard-text', value3);var clipboard1 = new Clipboard('#img3');clipboard1.on('success', function (e) {mui.toast('复制成功')});clipboard1.on('error', function (e) {mui.toast('复制失败')});})

轻量级的实现复制文本到剪贴板功能的 js相关推荐

clipboard使用总结（复制文本到剪贴板功能的JavaScript插件）
1. 概述 clipboard.js是一款轻量级的实现复制文本到剪贴板功能的JavaScript插件.通过该插件可以将输入框,文本域,DIV元素中的文本等文本内容复制到剪贴板中 clipboard.j ...
html5 复制到剪贴板兼容,JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...
js复制文本到剪贴板_如何将文本和图像固定到Windows 10的剪贴板历史记录
js复制文本到剪贴板 Windows 10 makes copy and paste more convenient with a feature called Clipboard history. ...
Clipboard.js – 现代方式实现复制文本到剪贴板
复制文本到剪贴板应该并不难,目前已经有很成熟的 Flash 方法.但是 Flash 已经在很多场合不适用了,特别是随着 HTML5 技术的发展.今天推荐的这个 Clipboard.js 库不依赖 Fl ...
如何实现复制文本到剪贴板？
效果展示: 前置准备: 添加触发复制的按钮添加被复制的文本步骤分解: 创建成功提示触发器选中复制文本按钮点击检查器标签点击触发器标签创建触发器配置成功提示触发器触发时机-无触发行为-弹 ...
js复制文本到剪贴板_如何将输出文本从命令行复制到Windows剪贴板
js复制文本到剪贴板 If you're doing work at the command line on your Windows box, it's sometimes useful to co ...
jQuery/Js复制文本到剪贴板
<!doctype html> <html lang="en"><head><meta charset="UTF-8" ...
js打开页面自动复制文本到剪贴板_word基本编辑的方法？word基本知识文件操作和文本编辑？...
Word基础文本编辑知识教程: 1.文字编辑功能所有的基本文本编辑功能都位于"主页"功能区选项卡中. 请注意,Word在"主页"选项卡的"字体&qu ...
《JS实现复制内容到剪贴板功能，可兼容所有PC浏览器，不兼容手机端》
前记:本来原生的JS是有提供一个函数来实现这个功能(window.clipboardData),但是很遗憾,这个函数仅仅支持IE和FF浏览器,所以基本用处不大.下边介绍的是一个第三方插件库(ZeroC ...

轻量级的实现复制文本到剪贴板功能的 js

轻量级的实现复制文本到剪贴板功能的 js相关推荐

最新文章

热门文章