移動端點擊按鈕復制文本

本文轉載自查看原文 2019-07-26 18:34 482

話不多說直接上代碼

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 
    <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>  
    <title>移動端復制到剪貼板！</title>  
</head>  
<body>  
<p>哈哈<span id="target">你沒看錯，就是復制的這里</span></p>  
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn">  
    復制按鈕  
</button>  
  
</body>  
<script>  
    $(document).ready(function(){  
        var targetText=$("#target").text();  
        var clipboard = new Clipboard('#copy_btn');  
  
        clipboard.on('success', function(e) {  
            console.info('Action:', e.action);  
            console.info('Text:', e.text);  
            console.info('Trigger:', e.trigger);  
            alert("復制成功");  
  
            e.clearSelection();  
        });  
    });  
</script>  
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 移動端點擊按鈕復制文本內容 JS復制文本到粘貼板，前端H5移動端點擊按鈕復制文本移動端點擊按鈕復制鏈接前端點擊按鈕復制內容關於點擊按鈕復制文本 mui點擊按鈕復制文本取消按鈕在移動端點擊時的背景顏色 js 移動端點擊復制字符串移動端點擊事件 js實現點擊按鈕復制文本功能