1. 程式人生 > >復制文本事件(clipboard.min.js)

復制文本事件(clipboard.min.js)

一段 min tar 跳轉 代碼 ESS pbo button text

在項目中有這麽一個需求,點擊按鈕復制一段文本,就像下圖中的點擊微信我們,彈出一個彈窗,點擊好的跳轉微信端添加好友。

技術分享圖片技術分享圖片

需要使用到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部分:

$(document).ready(function () { var targetText = $("#target").text(); var clipboard = new ClipboardJS(‘#copy_btn‘); clipboard.on(‘success‘, function (e) { e.clearSelection(); }); });

紅色是點擊處,黃色是點擊時要復制的內容,橙色處不可少

復制文本事件(clipboard.min.js)