移动端点击按钮复制文本

话不多说直接上代码

<!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>

 

上一篇:在我们的Java应用程序中从Word粘贴时出现奇怪的字符


下一篇:光标移动快捷键