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. SpringBoot-基于Maven工程使用SpringBoot
			
    Spring Boot SpringBoot是一个社区反馈推动的项目.SpringBoot可以说是至少五年来Spring乃至整个Java社区最有影响力的项目之一.SpringBoot主要包括以下特性: ...
    
			
    2. 
						
  2. 【IPC进程间通讯之中的一个】邮槽MailSlot
			
    IPC进程间通信+邮槽MailSlot                IPC(Inter-Process Communication.进程间通信).        现代计算机採用虚拟内存机制,为进程提 ...
    
			
    3. 
						
  3. bash: ./a.sh: /bin/bash^M: bad interpreter: No such file or directory的解决方法------dos--->unix
			
    一些人喜欢用vim来写linux shell script, 但是, 有的人喜欢在Windows下用一些方便的编辑器(比如鼎鼎大名的Notepad++)写好, 然后拷贝文件到linux下, 结果呢,  ...
    
			
    4. 
						
  4. 设置npm淘宝代理
			
    来源:https://cnodejs.org/topic/4f9904f9407edba21468f31e 镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在 ...
    
			
    5. 
						
  5. centos7 vim显示行号
			
    CentOS7下可能有n个账户,让vim显示行号有两种方法:仅让当前用户显示行号和让所有用户显示行号   一.仅让当前用户显示行号 输入命令:vim ~/.vimrc 写入:set nu 保存:wq  ...
    
			
    6. 
						
  6. Java基础知识陷阱(四)
			
    本文发表于本人博客. 今天我们来说说关于java继承以及反射有关的问题,大家先看下下面代码,试问可以编译通过不,为什么具体说说原因? public class Test{ public static  ...
    
			
    7. 
						
  7. ruby 时间 今天 昨天
			
    today = Time.now.strftime('%Y-%m-%d') yesterday = (Time.now - 1.day).strftime('%Y-%m-%d')
    
			
    8. 
						
  8. 最值得阅读学习的 10 个 C 语言开源项目代码
			
    1. Webbench Webbench是一个在linux下使用的非常简单的网站压测工具.它使用fork()模拟多个客户端同时访问我们设定的URL,测试网站在压力下工作的性能,最多可以模拟3万个并发连 ...
    
			
    9. 
						
  9. fzu1901Period II
			
    地址:http://acm.fzu.edu.cn/problem.php?pid=1901 题目: Problem 1901 Period II Accept: 442    Submit: 1099 ...
    
			
    10. 
						
  10. netty6---序列化与反序列化
			
    package com.cn; import java.io.ByteArrayInputStream; import java.io.ByteArrayOutputStream; import ja ...
    
			
    11.