clipboard复制板插件必须点击两次才能实现复制功能问题

简单记录下，clipboard 插件必须点击两次才实现复制功能的问题。

我的大致解决方案是，当鼠标移入区域时就初始化clipboard，当点击时再调用。

<i class="form-data-url-copy" data-clipboard-action="copy"    data-clipboard-target="#externalDataListUrl">复制</i>

鼠标移入事件(){

     var clipboard = new Clipboard('.form-data-url-copy');

}

鼠标点击事件(){

clipboard.on('success', function (e) {

                    ours.showAutoTips('复制成功');

                    e.clearSelection();

                });

                clipboard.on('error', function (e) {

                    if (!Clipboard.isSupported()) {

                        ours.getTop().ours.alert('当前浏览器不支持复制功能，请手动复制');

                    } else {

                        ours.showAutoTips('复制失败');

                    }

                });

}

        此 作为日常技术积累，欢迎参考，谢绝拍砖！