Clipboard.js: Cannot read property 'addEventListener' of null - clipboard.min.js:7
I've linked the script but before using it I'm getting this error in console.
hassaanrana
All 6 comments
did you try wrapped in dom-ready event?
kafeltz
on 5 Feb 2016
I've just included this file and cannot use due to this jquery error.
hassaanrana
on 5 Feb 2016
Everything seems to be working over here (see demo folder).
The only way we can help you is by providing a minimal example on JSFiddle.
zenorocha
on 5 Feb 2016
I had the same problem and found the solution over here:
http://stackoverflow.com/questions/26107125/cannot-read-property-addeventlistener-of-null
Wrap the instantiation code in window.onload=function()
i.e.
window.onload=function(){
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
console.log(e);
});
clipboard.on('error', function(e) {
console.log(e);
});
}
cheekyboots
on 18 Sep 2016
Having this issue, but it was working fine when the code was on the page. Moved the code it it's own js file and now it's not working.
michaelsomerville
on 4 Jul 2017
Does the dependency have to be after the element containing the data to be copied?! I'm having this problem as well. I put the dependency in the <head>, right after the jQuery dependency, and in my script file, I said
$(document).ready(function() {
/* some other important stuff */
var clipboard = new Clipboard('#link');
});
and it didn't work. However, when I moved that to the front of the script (before the $(document).ready() stuff) I got this error. MVCE coming in a few days....
MikeWarren2014
on 13 Aug 2017
Related issues
godoffrags
路
4Comments
toolaugh
路
5Comments
168tickets
路
6Comments
dweepcan
路
3Comments
XZZsr
路
5Comments
Most helpful comment
I had the same problem and found the solution over here:
http://stackoverflow.com/questions/26107125/cannot-read-property-addeventlistener-of-null
Wrap the instantiation code in window.onload=function()
i.e.
window.onload=function(){
var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
console.log(e);
});
clipboard.on('error', function(e) {
console.log(e);
});
}