jQuery插件复制文本到剪切板

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chris_zqw/article/details/81289793

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>jQuery/Js复制文本到剪贴板</title>
  <script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.js"></script> 
  <script type="text/javascript" src="http://www.jq22.com/demo/copy20161120/dist/clipboard.min.js"></script>
 </head>
 <body>
  <div id="demo">http://www.baidu.com</div>
  <button class="btn3">复制</button>

<script>
    $(document).ready(function() {
        var a = $('#demo').text();
            var clipboard2 = new ClipboardJS('.btn3',{
                text:function () {
                    return a;
                }
            });
            clipboard2.on('success', function (e) {
                layer.msg("复制成功!");
            });
            clipboard2.on('error', function (e) {
                layer.msg("复制失败!请手动复制")
            });
       

    });
    
   
 
</script>
  </body>
</html>

猜你喜欢

转载自blog.csdn.net/chris_zqw/article/details/81289793