new 一下构造函数就出错了，为什么。。。
Uncaught TypeError: Cannot read property 'addEventListener' of nullat r (clipboard.min.js:7)
at r (clipboard.min.js:7)

为什么会出现这种事情？？？

=====================================
<script>
var s = ClipboardJS.isSupported();
var clipboard = new ClipboardJS('.copyBtn');
clipboard.on('success', function(e) {

    e.clearSelection();
});

clipboard.on('error', function(e) {
    console.error('Action:', e.action);
    console.error('Trigger:', e.trigger);
});
</script>
原因是这个脚本，不能写在head中，要写在<body></body>才能正常运行。。。
												


											
ClipboardJS的坑，的更多相关文章
	

    
								
  1. 如何一步一步用DDD设计一个电商网站（九）—— 小心陷入值对象持久化的坑
		
    阅读目录 前言 场景1的思考 场景2的思考 避坑方式 实践 结语 一.前言 在上一篇中(如何一步一步用DDD设计一个电商网站(八)—— 会员价的集成),有一行注释的代码: public interfa ...
    
		
    2. 
						
  2. 多线程爬坑之路-Thread和Runable源码解析之基本方法的运用实例
		
    前面的文章:多线程爬坑之路-学习多线程需要来了解哪些东西?(concurrent并发包的数据结构和线程池,Locks锁,Atomic原子类) 多线程爬坑之路-Thread和Runable源码解析 前面 ...
    
		
    3. 
						
  3. Spark踩坑记——Spark Streaming+Kafka
		
    [TOC] 前言 在WeTest舆情项目中,需要对每天千万级的游戏评论信息进行词频统计,在生产者一端,我们将数据按照每天的拉取时间存入了Kafka当中,而在消费者一端,我们利用了spark strea ...
    
		
    4. 
						
  4. 多线程爬坑之路-学习多线程需要来了解哪些东西?(concurrent并发包的数据结构和线程池,Locks锁，Atomic原子类)
		
    前言:刚学习了一段机器学习,最近需要重构一个java项目,又赶过来看java.大多是线程代码,没办法,那时候总觉得多线程是个很难的部分很少用到,所以一直没下决定去啃,那些年留下的坑,总是得自己跳进去填 ...
    
		
    5. 
						
  5. 踩石行动：ViewPager无限轮播的坑
		
    2016-6-19 前言 View轮播效果在app中很常见,一想到左右滑动的效果就很容易想到使用ViewPager来实现.对于像我们常说的banner这样的效果,具备无限滑动的功能是可以用ViewPa ...
    
		
    6. 
						
  6. 为C# as 类型转换及Assembly.LoadFrom埋坑！
		
    背景: 不久前,我发布了一个调试工具:发布:.NET开发人员必备的可视化调试工具(你值的拥有) 效果是这样的: 之后,有小部分用户反映,工具用不了(没反应或有异常)~~~ 然后,建议小部分用户换个电脑 ...
    
		
    7. 
						
  7. 首个threejs项目-前端填坑指南
		
    第一次使用threejs到实际项目中,开始的时候心情有点小激动,毕竟是第一次嘛,然而做着做着就感受到这玩意水好深,满满的都是坑,填都填不过来.经过老板20天惨无人道的摧残,终于小有成就. 因为第一次搞 ...
    
		
    8. 
						
  8. dll文件32位64位检测工具以及Windows文件夹SysWow64的坑
		
    自从操作系统升级到64位以后,就要不断的需要面对32位.64位的问题.相信有很多人并不是很清楚32位程序与64位程序的区别,以及Program Files (x86),Program Files的区别 ...
    
		
    9. 
						
  9. 关于微软HttpClient使用，避免踩坑
		
    最近公司对于WebApi的场景使用也越来越加大了,随之而来就是Api的客户端工具我们使用哪个?我们最常用的估计就是HttpClient,在微软类库中命名空间地址:System.Net.Http,是一个 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. flask请求和应用上下文
			
    关于WSGI WSGI(全称Web Server Gateway Interface),是为 Python 语言定义的Web服务器和Web应用程序之间的一种简单而通用的接口,它封装了接受HTTP请求. ...
    
			
    2. 
						
  2. linux   配置SSH网络传输数据安全方案,JDK,Tomcat和Eclipes
			
    一.通过ssh实现安全远程访问linux系统 ssh :secure shell 加密: 1. 对称加密 (加密密钥与解密密钥相同) des .aes 2. 非对称加密(加密密钥与解密密钥不同) RS ...
    
			
    3. 
						
  3. 如何查看windows某个目录下所有文件/文件夹的大小？
			
    如何查看windows某个目录下所有文件/文件夹的大小? TreeSize Free绿色汉化版是一款硬盘空间管理工具,用树形描述出来,能够显示文件大小和实际占用空间数及浪费的空间等信息,让你做出相应的 ...
    
			
    4. 
						
  4. 从原型链看DOM－－Document类型
			
    JavaScript通过Document类型表示文档,原型链的继承关系为:document.__proto__->HTMLDocument.prototype->Document.prot ...
    
			
    5. 
						
  5. PHP用"字符串和变量"组成变量
			
    理论很简单,将字符串和变量组合在一起形成对另一个变量的操作.同样也可以是数组 例:   $FFabcd = '组合变量'; $a = 'abcd'; $ay = array('FF','abcd'); ...
    
			
    6. 
						
  6. PAT 1036 Boys vs Girls[简单]
			
    1036 Boys vs Girls (25 分) This time you are asked to tell the difference between the lowest grade of ...
    
			
    7. 
						
  7. Linux文件权限分析
			
    一.用户组概念  在linux系统中,每个用户必属于一个组,不能独立于组之外.每个文件都有所有者,所在组和其他组这三个概念. (1)所有者:一般为文件的创建者,谁创建了该文件,就成为了该文件的所有者, ...
    
			
    8. 
						
  8. std::decay
			
    参考资料 • cplusplus.com:http://www.cplusplus.com/reference/type_traits/decay/ • cppreference.com:http:/ ...
    
			
    9. 
						
  9. Java基础知识陷阱(八)
			
    本文发表于本人博客. 这次我来说说关于&跟&&的区别,大家都知道&是位运算符,而&&是逻辑运算符,看下面代码: public static void m ...
    
			
    10. 
						
  10. TCP/IP 传输原理
			
    TCP传输原理简单说明 TCP传输需要经过3次握手4次挥手.     三次握手 当客户端向服务端进行连接时,会发送一个SYN报文,请求服务端监听端口,服务端确认请求后,会向客户端发送ACK确认,客户端 ...
    
			
    11.