點擊將文字複製到剪切板

 

<div class="uploder_content" id="copyText" data-clipboard-action="copy" data-clipboard-target="#copySpan" οnclick="copyText(this)">
        <p>複製</p>
        <p>1.點擊下方複製文字：<br>
            <span id="copySpan">要複製的內容！</span>
        </p>
</div>
引入的js文件：
<script type="text/javascript"src="https://cdn.bootcss.com/clipboard.js/2.0.1/clipboard.js"></script>
Js方法：
function copyText(text){
    var obj=$(text).find("span").text();//獲取點擊的div下的span標籤的內容，即要複製到剪切板的內容
    var clipboard = new ClipboardJS('#copyText', {
        text: function() {
            return obj;
        }
    });
    clipboard.on('success', function(e) {
        $.toast("複製成功", "text");
    });
    clipboard.on('error', function(e) {
        $.toast("複製失敗", "text");
    });                
};
 

 

data-clipboard-target指定要複製內容的標籤
data-clipboard-action指定要copy還是cut內容，若省略這個屬性，默認是copy。Cut僅用於input和textarea標籤。