web复制到剪切板js
web复制到剪切板 clipboard.js 好使!开源项目,下载地址:
https://github.com/zenorocha/clipboard.js
使用方法:
引入 clipboard.min.js ,在 dist 目录下可以找到:
<script type="text/javascript" src="__PUBLIC__/js/clipboard.min.js"></script>
点击复制
<a data-clipboard-text="待复制内容" class="copy" target="_blank">点击复制</a>
也可以这样 :
<input type="text" id="url" value="http://www.cnblogs.com" size="60" name="title" > <input class="btn btn-primary btn2" data-clipboard-target="#url" name="sub" id="copy" value="复制引用链接" type="submit">
初始化组件:
<script>
var clipboard = new Clipboard('.copy'); // 或 #copy clipboard.on('success', function(e) {
//console.log(e);
alert('复制成功');
}); clipboard.on('error', function(e) {
console.log(e);
});
</script>
web复制到剪切板js的更多相关文章
- 复制到剪切板js代码(转)
		
<script type="text/javascript" language="javascript"> //复制到剪切板js代码 functio ...
 - clipboard.js 实现动态获取内容并复制到剪切板
		
使用clipboard.js分为以下几个步骤: 1.引入一个clipboard.js的文件: 2.新建一个clipboard对象: 3.点击按钮获取目标对象里面的内容,将其复制到剪切板. 注意:1.目 ...
 - js 最简单的实现复制到剪切板 xl_copy
		
使用 npm install xl_copy // 项目中安装 import clipboard form 'xl_copy' // 引用 element.onclick = ()=>{ ...
 - Flash10下复制到剪切板的一种新方法
		
web开发中常常要实现“复制到剪切板”功能.这个功能很实用,但是由于安全问题,浏览器的限制越来越严,实现的方法也越来越有限了.Firefox默认下不能直接通过Javascript操作剪切板,必须开启相 ...
 - jquery实现点击复制到剪切板
		
1.必须有先引入 jquery库 <script type="text/javascript" src="js/jquery.js"></sc ...
 - ZeroClipboard插件——复制到剪切板
		
ZeroClipboard是一个轻量级的jQuery“复制到剪贴板”插件采用了时下流行的零剪贴板库.官网:http://www.steamdev.com/zclip 参数及默认值path(必选) Z ...
 - ZeroClipboard插件,复制到剪切板
		
发现一个复制到剪切板的插件:ZeroClipboard插件.挺好用,用法如下: 头部引用: <script type="text/javascript" src=" ...
 - js-将文本复制到剪切板
		
// 将文本复制到剪切板 var clipboard2 = new ClipboardJS('.add_wx_guide_float', { text: function(trigger) { ret ...
 - 原创:用VBA实现将鼠标选择的单元格按照指定格式合并并复制到剪切板
		
原创:用VBA实现将鼠标选择的单元格按照指定格式合并并复制到剪切板 一.主要实现以下功能:1.用鼠标选择单元格(可谓连续单元格,也可为不连续的)后,按照要求格式“证件号码:+选定内容+“,”+”选定内 ...
 
随机推荐
- CentOS中JDK的三种配置方法
			
第一种方法(相对稳妥): 使用yum直接安装,在root用户下执行 "yum install java-openjdk-*" 第二种方法(最为稳妥): 前往'https://www ...
 - react-redux   --》react中  最好用的状态管理方式
			
一.Redux与组件 react-redux是一个第三方插件使我们在react上更方便的来使用redux这个数据架构 React-Redux提供connect方法,用于从UI组件生成容器组件,conn ...
 - 多线程06-Lock
			
; i < ; i++) { c.Increment(); c.Decrement(); ...
 - POJ-3122.Pie(二分法最大化平均值)
			
二分法的主题思路就是逐步逼近,所以这道题的思路自然一目了然,做题思路也是... 本题大意:题主过生日,它买了N块半径为R[ i ],高为1的圆柱形蛋糕,现在他要将这N块蛋糕等分给F + 1个人,为了好 ...
 - Poj 3268 Silver cow party 迪杰斯特拉+反向矩阵
			
Silver cow party 迪杰斯特拉+反向 题意 有n个农场,编号1到n,每个农场都有一头牛.他们想要举行一个party,其他牛到要一个定好的农场中去.每个农场之间有路相连,但是这个路是单向的 ...
 - Sudoku (剪枝+状态压缩+预处理)
			
[题目描述] In the game of Sudoku, you are given a large 9 × 9 grid divided into smaller 3 × 3 subgrids. ...
 - controller函数中参数列表使用多个@RequestBody
			
首先出现这种情况是因为有下面这种需求 $.ajax({ type: "POST", url: "${pageContext.request.contextPath}/co ...
 - 搜索(BFS)---完美平方数
			
完美平方数 279. Perfect Squares (Medium) For example, given n = 12, return 3 because 12 = 4 + 4 + 4; give ...
 - 攻防世界--re-for-50-plz-50
			
RetDec是真的难安装,太笨了~~~ 1.准备 获取信息 32位文件 2.IDA打开 发现这是MIPS代码.本来准备安装RetDec,哎...还是恶补MIPS指令知识吧:https://www.cn ...
 - vue项目中使用高德地图(根据坐标定位点)
			
前言 项目中需要根据坐标定位,将自己的实现过程写下来,废话不多说,上代码 正文 <script> var map,marker; export default { data(){ retu ...