[剪贴板.js — 复制到不带 Flash 的剪贴板 (clipboardjs.com)](https://clipboardjs.com/) [zenorocha/clipboard.js: Modern copy to clipboard. No Flash. Just 3kb gzipped (github.com)](https://github.com/zenorocha/clipboard.js) ``` <div class="add4_but"> <p data-clipboard-text="这里是要复制的内容">复制报名链接，邀请领取门票！</p> </div> // js: var clipboard=new ClipboardJS('.add4_but p'); clipboard.on('success', function(e) { //复制成功后执行 }); clipboard.on('error', function(e) { //复制失败后执行 }); ``` ``` ## JS里指定复制的内容 复制到剪切板-333 //从属性里复制 var btn = document.getElementById('btn'); var clipboard = new Clipboard(btn);//实例化 clipboard.on('success', function(e) {//复制成功执行的回调，可选 console.log(e); }); clipboard.on('error', function(e) {//复制失败执行的回调，可选 console.log(e); }); //从另外一个元素复制内容 var btn2 = document.getElementById('btn2'); var clipboard2 = new Clipboard(btn2);//实例化 clipboard2.on('success', function(e) {//复制成功执行的回调，可选 console.log(e); }); clipboard2.on('error', function(e) {//复制失败执行的回调，可选 console.log(e); }); //JS里指定复制的内容 var btn3 = document.getElementById('btn3'); var clipboard3 = new Clipboard(btn3, { text: function() { return '333-JS里指定复制的内容'; } }); clipboard3.on('success', function(e) {//复制成功执行的回调，可选 console.log(e); }); clipboard3.on('error', function(e) {//复制失败执行的回调，可选 console.log(e); }); ``` ## **自己写(好像不支持ios)** ``` <a id="articleHref" th:href="@{/post/{url}(url=${article.articleUrl})}"></a> <button type="button" id="copy" class="medium ui teal basic button"> <i class="fa fa-paper-plane"></i>&emsp;分享给好友 </button> ``` ``` <script th:inline="javascript"> $("#copy").click(function () { var obj = document.getElementById("articleHref"); var input = document.createElement("input"); document.body.appendChild(input); input.value = obj.href; input.select(); try { //进行复制到剪切板 if (document.execCommand("Copy", true, null)) { //如果复制成功 alert("复制链接成功！赶紧分享给你的好友吧~"); //隐藏input框 input.hidden = "hidden"; } else { //如果复制失败 alert("复制失败！"); } } catch (err) { //如果报错 alert("复制错误！") } }) </script> ```