一个简单好用的工具clipboard.js markdown转html
来源:互联网 发布:淘宝上卖食品需要什么 编辑:程序博客网 时间:2024/05/17 23:41
在页面内添加复制按钮至剪切板
一个简单好用的工具clipboard.js
我的使用场景
本文只截取了自己使用过程中的一个小demo,详细的使用方法请移步clipboard.js下载使用官方说明案例
引用js,下载clipboard.js,引用至文档
<script src="../dist/clipboard.min.js"></script>//或使用CDN<script src="https://cdn.rawgit.com/zenorocha/clipboard.js/master/dist/clipboard.min.js"></script>
我最喜欢的添加方式,html结构简要如下
<button class="btn">Copy</button><div>hello</div>
js代码,创建对象后设置监听对象,return后就是你选中的要监听的节点,本人使用的时候发现这个思路比较简单(其实其他方式也简单)
<script> var clipboard = new Clipboard('.btn', { target: function() { return document.querySelector('div'); } }); clipboard.on('success', function(e) { console.log(e); }); clipboard.on('error', function(e) { console.log(e); });
有兴趣的朋友可以自己测试下,愿世界和平。
0 0
- 一个简单好用的工具clipboard.js markdown转html
- 一个好用的解析html工具--jsoup
- 发布一个简单好用的STM32F20x烧录工具
- 一个简单好用的zabbix告警信息发送工具
- 好用的Markdown 编辑器及工具
- html+js一个简单的日历
- Html+JS创建一个简单的计算器
- 简单解决——使用Clipboard实现剪切板,用require引入js资源,会报错Clipboard is not defined的问题
- 不依赖FLASH html自动复制 clipboard.js
- 一个免费好用的HTML编辑器-
- js 好用的工具库
- 简单好用的Log工具
- 【Android】封装一个简单好用的打印Log的工具类
- 【Android】封装一个简单好用的打印Log的工具类
- 【Android】封装一个简单好用的打印Log的工具类
- 一个好用强大的工具regini
- 一个好用的资源管理器工具xplore2
- 一个好用的日志工具类
- C/C++ — 函数栈帧的简单见解
- [题解]CF Round #385 (Div.2)
- 从零开始进入ArchLinux的世界-安装
- iOS 如何处理类似微博的日期
- Android 界面过度绘制优化tips
- 一个简单好用的工具clipboard.js markdown转html
- ui--button
- 第一章 初识Java
- 指针练习
- 包管理工具
- 第16周项目2-大数据集上排序算法性能的体验
- bzoj2463: [中山市选2009]谁能赢呢?
- H.264码流打包分析
- python HTMLParse模块