復制文本事件(clipboard.min.js)
阿新 • • 發佈:2018-08-22
一段 min tar 跳轉 代碼 ESS pbo button text
$(document).ready(function () {
var targetText = $("#target").text();
var clipboard = new ClipboardJS(‘#copy_btn‘);
clipboard.on(‘success‘, function (e) {
e.clearSelection();
});
});
在項目中有這麽一個需求,點擊按鈕復制一段文本,就像下圖中的點擊微信我們,彈出一個彈窗,點擊好的跳轉微信端添加好友。
需要使用到clipboard.min.js,下載鏈接:https://github.com/Superheroo/copy-text/tree/master
代碼如下:
html部分:
<div id="target">微信號</div> <button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn"> <a class="copy" href="weixin://">復制按鈕</a> </button>js部分:
紅色是點擊處,黃色是點擊時要復制的內容,橙色處不可少
復制文本事件(clipboard.min.js)