兼容所有瀏覽器的復制到剪切板功能，懸浮層不能復制問題解決

   瀏覽器復制其實是一個十分令人頭疼的問題，因為這涉及到瀏覽器安全，所以瀏覽器本生不會提供相應接口，我們也沒有辦法通過純js來實現這個功能，但是你會看到很多網站，如百度云盤他們卻做到了這個功能，那究竟他們是如何實現的，今天就讓我帶你去看看他們的秘密。

   首先這個功能對我是十分重要的，因為去轉盤網的私密分享必須要具備這個功能，截圖如下：

只要你點擊點我復制按鈕，網盤私密分享的密碼就會自動的被復制到你的瀏覽器。其實這個功能本人最開始做的時候還是付出很多時間，因為他涉及到懸浮層的復制，問題的難度陡然增大許多，不過現在我還是愿意公開代碼，希望大家喜歡。順便我我指出其他幾篇我寫的博客代碼，希望喜歡：

百度網盤爬蟲

百度圖片爬蟲

ok搜搜爬蟲源碼

java分詞算法

邀請好友注冊

數據庫自動備份

  好的，現在讓我們言歸正轉，瀏覽器復制需要兩個插件，請先下載：下載地址1 下載地址2

  代碼如下：

        var clip=null;
	clip = new ZeroClipboard.Client();//new 一個對像
	clip.setText(null);
	ZeroClipboard.setMoviePath( '${pageContext.request.contextPath}/media/js/ZeroClipboard.swf');  //和html不在同一目錄需設置setmoviepath
	//ZeroClipboard.setMoviePath( '../media/js/zeroclipboard10.swf');
	clip.setHandCursor(true);
	clip.addEventListener('mousedown', function(client) {
		
		window.passwd = document.getElementById("file-password").value;
		clip.setText(window.passwd);
	}); 
	
	clip.addEventListener('complete', function (client, text) {
	
	      window.url = document.getElementById("file-url").value;
	      var id=get_param("id");
	      var type=get_param("type");
	      window.open(window.url,'_self');
	      $('.theme-popover').hide();
	      $('.theme-popover-mask').hide();//將復制框dismiss
	      document.getElementById("theme-popover").style.visibility="hidden";//影藏
	      //記錄下載信息
	      $.ajax({
	                  type: "post",
	                  url: "${pageContext.request.contextPath}/download/statistic.action", 
	                  dataType:"json",
	                  data:{
	                  		id:id,
	                  		type:type
	                  },
	                  success:function(data){;}     
	       });
	}); 
	clip.glue('copy-password','copy-dialog');

 代碼中的記錄下載信息等都是和去轉盤網有關系，你不必關心，下面一句：

 document.getElementById("theme-popover").style.visibility="hidden";//影藏

非常重要，因為要懸浮層復制，如果是相對布局flash是找不見覆蓋按鈕的，所以開始的時候

document.getElementById("theme-popover").style.visibility="visible";//私密分享時顯示

最后要影藏。