jQuery/Js復制文本到剪貼板


<!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/clipboard.js-master201703170013/dist/clipboard.min.js"></script>
 </head>
 <body>
  <div id="demo">http://www.baidu.com</div>
  <button class="btn">復制</button>
  <script>
    var content = $("#demo").html();
    var clipboard = new Clipboard('.btn', {
        text: function() {
            return content;
        }
    });
    clipboard.on('success', function(e) {
        alert("復制成功");
    });
 
    clipboard.on('error', function(e) {
        console.log(e);
    });
  </script>
 </body>
</html>

來自微信公眾號:編程社

程序員日常進階寶典,歡迎關注!


免責聲明!

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



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM