使用clipboardjs插件实现鼠标点击复制功能；

官网：https://clipboardjs.com/

使用示例:

1.引入

<script type="text/javascript" th:src="@{/static/js/clipboard.min.js}"></script>
2.按钮元素:<button class="btn" onlick="copyBtn();">点击复制<button/>
3.javascript：
function copyBtn() {

new ClipboardJS('.btn',{text:function(trigger) { return '这里是复制的文本信息';} });

}

　　

												


											
Jquery 复制功能的更多相关文章
	

    
								
  1. jQuery 实现复制功能
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    2. 
						
  2. HTML 学习笔记 JQuery（DOM 操作2）
		
    接着上一节的将,这一节从复制节点讲起 复制节点 继续使用之前的例子 如果单击<li>元素后 需要在复制一个<li>元素,可以使用clone()方法完成.全部代码如下 <h ...
    
		
    3. 
						
  3. JQuery知识点总结
		
    一. 1.JavaScript是Netscape公司开发的一种脚本语言(scripting language).JavaScript的出现实现了使得网页和用户之间实时的,动态的和交互的关系,使网页包含 ...
    
		
    4. 
						
  4. 使用jQuery的animate方法制作滑动菜单
		
    周末看Ziv小威的博客<制作滑动条菜单,如何延时处理滑动效果,避免动画卡顿>,参见地址:http://www.cnblogs.com/zivxiaowei/p/3462964.html.是 ...
    
		
    5. 
						
  5. jquery.zclip轻量级复制失效问题
		
    工作原理 利用一个透明的 Flash ,让其漂浮在按钮之上,这样其实点击的不是按钮而是 Flash ,也就可以使用 Flash 的复制功能了 <script src="js/jquer ...
    
		
    6. 
						
  6. jQuery --  DOM节点的操作
		
    DOM 操作的分类: dom core: getElementById() getElementsByTagName() getAttribute() setAttribute() html-dom  ...
    
		
    7. 
						
  7. jQuery插件：跨浏览器复制jQuery-zclip
		
    jQuery-zclip是一个复制内容到剪贴板的jQuery插件,使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题.jQuery-zclip插件需要Flash的支持,使用时记得安装Adobe F ...
    
		
    8. 
						
  8. jQuery插件：跨浏览器复制jQuery-zclip（转载）
		
    转载地址:http://www.cnblogs.com/linjiqin/p/3532451.html jQuery-zclip是一个复制内容到剪贴板的jQuery插件,使用它我们不用考虑不同浏览器和 ...
    
		
    9. 
						
  9. jQuery选择器和DOM操作——《锋利的jQuery》（第2版）读书笔记1
		
    第1章 认识jQuery jQuery有以下优势: 轻量级: 强大的选择器: 出色的DOM操作的封装: 可靠的事件处理机制: 完善的Ajax: 不污染顶级变量: 出色的浏览器兼容性: 链式操作方式:  ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. dao---service---action分层结构
			
    此文转载于http://blog.csdn.net/jay198746/article/details/4698709 之前有看过一些ssh2中采用dao---service---action分层结构 ...
    
			
    2. 
						
  2. Oracle Schema Objects（Schema Object Storage And Type）
			
    One characteristic of an RDBMS is the independence of physical data storage from logical data struct ...
    
			
    3. 
						
  3. 【Python算法】归纳、递归、归简
			
    归简法(reduction) 指的是将某一问题转化成另一个问题,将一个未知问题归简成一个已解决的问题. 归纳法(induction) 首先要证明语句在某一基本情况下是成立的,然后证明他可以由一个对象推 ...
    
			
    4. 
						
  4. flask中的blueprint
			
    https://blog.csdn.net/sunhuaqiang1/article/details/72803336
    
			
    5. 
						
  5. Jenkins部分常用插件
			
    
			
    6. 
						
  6. boost 使用列子
			
    #include <boost/lexical_cast.hpp>void test_lexical_cast(){ int number = 123; string str = &quo ...
    
			
    7. 
						
  7. docker-compose部署zk集群、kafka集群以及kafka-manager，及其遇到的问题和解决
			
    zk集群docker-compose.yml 1.新建网络 docker network create --driver bridge --subnet --gateway 172.23.0.1 zo ...
    
			
    8. 
						
  8. 【HTML5游戏开发】简单的《找不同汉字版》，来考考你的眼力吧
			
    一,准备工作 本次游戏开发需要用到lufylegend.js开源游戏引擎,版本我用的是1.5.2(现在最新的版本是1.6.0). 引擎下载的位置:http://lufylegend.googlecod ...
    
			
    9. 
						
  9. C的指针疑惑：C和指针10(结构和联合)
			
    结构也可以作为传递给函数的参数,它们也可以作为返回值从函数返回,相同类型的结构体变量相互之间可以赋值. 申明结构时使用另一种良好技巧是用typedef创建一种新的类型. typedef struct{ ...
    
			
    10. 
						
  10. struts2.3+spring3.2+hibernate4.2例子
			
    有些教程比较老,可是版本更新不等人,基于马士兵老师小例子,自己重新引用了新的包,调试确实有点烦人,但是通过英文文档和google解决问题.官网的更新超快,struts2.3+spring3.2+hib ...
    
			
    11.