通过ajax加载的列表项click事件与clipboard.js冲突

今天使用clipboard.js来制作一个在列表页复制的功能遇到一个问题，那就是使用了clipboard之后，再点击复制，该按钮的click事件就会失效。

            var clipboard = new ClipboardJS('.copy-btn',{
                    target:function(trigger){
                    // return document.querySelector('#copy-area');
                    return trigger.parentNode.parentNode.children[1];
                }
            });

            clipboard.on('success',function(e){
                
                e.clearSelection();
                var text = e.trigger.innerText;
                e.trigger.disabled = true;
                e.trigger.innerText = '复制成功';
                e.trigger.classList.add('btn-success');
                setTimeout(function(){
                    e.trigger.disabled = false;
                    e.trigger.innerText = text;
                    e.trigger.classList.remove('btn-success');
                },2000);

            });

本打算对复制按钮加个点击事件，使其复制指定内容到一个带有id的复制区域，然后clipboard读取该区域内容。但是点击事件失效，所以只好采用js获取待复制内容的节点，然后将该节点传给clipboard，再复制就可以成功。