瀏覽器復(fù)制其實(shí)是一個(gè)十分令人頭疼的問題，因?yàn)檫@涉及到瀏覽器安全，所以瀏覽器本生不會(huì)提供相應(yīng)接口，我們也沒有辦法通過純js來實(shí)現(xiàn)這個(gè)功能，但是你會(huì)看到很多網(wǎng)站，如百度云盤他們卻做到了這個(gè)功能，那究竟他們是如何實(shí)現(xiàn)的，今天就讓我?guī)闳タ纯此麄兊拿孛堋?/p>

創(chuàng)新互聯(lián)建站咨詢電話：13518219792，為您提供成都網(wǎng)站建設(shè)網(wǎng)頁(yè)設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù)，創(chuàng)新互聯(lián)建站網(wǎng)頁(yè)制作領(lǐng)域十載，包括成都工商代辦等多個(gè)領(lǐng)域擁有多年的網(wǎng)站制作經(jīng)驗(yàn)，選擇創(chuàng)新互聯(lián)建站，為企業(yè)錦上添花。

   首先這個(gè)功能對(duì)我是十分重要的，因?yàn)槿マD(zhuǎn)盤網(wǎng)的私密分享必須要具備這個(gè)功能，截圖如下：

         

只要你點(diǎn)擊點(diǎn)我復(fù)制按鈕，網(wǎng)盤私密分享的密碼就會(huì)自動(dòng)的被復(fù)制到你的瀏覽器。其實(shí)這個(gè)功能本人最開始做的時(shí)候還是付出很多時(shí)間，因?yàn)樗婕暗綉腋拥膹?fù)制，問題的難度陡然增大許多，不過現(xiàn)在我還是愿意公開代碼，希望大家喜歡。順便我我指出其他幾篇我寫的博客代碼，希望喜歡：

百度網(wǎng)盤爬蟲

百度圖片爬蟲

ok搜搜爬蟲源碼

java分詞算法

邀請(qǐng)好友注冊(cè)

數(shù)據(jù)庫(kù)自動(dòng)備份

  好的，現(xiàn)在讓我們言歸正轉(zhuǎn)，瀏覽器復(fù)制需要兩個(gè)插件，請(qǐng)先下載：下載地址1 下載地址2

  代碼如下：

        var clip=null;
	clip = new ZeroClipboard.Client();//new 一個(gè)對(duì)像
	clip.setText(null);
	ZeroClipboard.setMoviePath( '${pageContext.request.contextPath}/media/js/ZeroClipboard.swf');  //和html不在同一目錄需設(shè)置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();//將復(fù)制框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');

 代碼中的記錄下載信息等都是和去轉(zhuǎn)盤網(wǎng)有關(guān)系，你不必關(guān)心，下面一句：

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

非常重要，因?yàn)橐獞腋訌?fù)制，如果是相對(duì)布局flash是找不見覆蓋按鈕的，所以開始的時(shí)候

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

最后要影藏。

當(dāng)前題目：兼容所有瀏覽器的復(fù)制到剪切板功能，懸浮層不能復(fù)制問題解決
URL地址：http://chinadenli.net/article22/jggsjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、關(guān)鍵詞優(yōu)化、品牌網(wǎng)站制作、用戶體驗(yàn)、定制開發(fā)、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)