本文を読んでください
ブラウザのコピーは実際には非常に厄介な問題です。ブラウザのセキュリティに関係するため、ブラウザ自体は対応するインターフェイスを提供せず、純粋な JS でこの機能を実装する方法はありません。しかし、Baidu などの多くの Web サイトで見かけるでしょう。 Cloud Disk はこの機能を実現していますが、今日はその秘密を見てみましょう。
まず第一に、この機能は私にとって非常に重要です。なぜなら、Zhuanpan.com のプライベート共有にはこの機能が必要だからです。スクリーンショットは次のとおりです。
[コピー] ボタンをクリックすると、ネットワーク ディスク上のプライベート共有のパスワードがブラウザに自動的にコピーされます。実際、この関数を最初に実行し始めたときは、中断されたレイヤーをコピーする必要があり、問題の難易度が突然大幅に増加したため、この関数に多くの時間を費やしましたが、今はまだコードを公開することにしています。皆さんにも気に入っていただければ幸いです。ちなみに、私が書いた他のブログ コードもいくつか紹介します。気に入っていただければ幸いです:
百度ネットワークディスククローラー
百度画像クローラー
OK Soso クローラーのソースコード
Java単語分割アルゴリズム
友達を招待して登録してください
データベースの自動バックアップ
さて、本題に入りましょう。ブラウザのコピーには 2 つのプラグインが必要です。まずダウンロードしてください: ダウンロード アドレス 1 ダウンロード アドレス 2
コードは次のとおりです:
var Clip=null;
Clip = new ZeroClipboard.Client();//新しいオブジェクト<br>
Clip.setText(null);<br>
ZeroClipboard.setMoviePath( '${pageContext.request.contextPath}/media/js/ZeroClipboard.swf'); //htmlと同じディレクトリにない場合はsetmoviepathを設定する必要があります<br>
//ZeroClipboard.setMoviePath( '../media/js/zeroclipboard10.swf');<br>
Clip.setHandCursor(true);<br>
Clip.addEventListener('mousedown', function(client) {<br>
<br>
window.passwd = document.getElementById("ファイルパスワード").value;<br>
clip.setText(window.passwd);<br>
});<br>
<br>
Clip.addEventListener('complete', function (client, text) {<br>
<br>
window.url = document.getElementById("file-url").value;<br>
var id=get_param("id");<br>
var type=get_param("type");<br>
window.open(window.url,'_self');<br>
$('.theme-popover').hide();<br>
$('.theme-popover-mask').hide();//コピーボックスを閉じる<br>
document.getElementById("theme-popover").style.visibility="hidden";//シャドウ非表示<br>
//ダウンロード情報を記録します<br>
$.ajax({<br>
「投稿」と入力してください<br>
URL: "${pageContext.request.contextPath}/download/statistic.action",<br>
データ型: "json",<br>
データ:{<br>
タイプ:タイプ<br>
}、<br>
成功: 関数 (データ) {;} <br>
});<br>
});<br>Clip.glue('copy-password','copy-dialog');
コードに記録されているダウンロード情報は GoZhuanpan.com に関連しています。次の文は心配する必要はありません。 "prettyprint linenums lang- php">document.getElementById("theme-popover").style.visibility="hidden";//相対レイヤーの場合はフローティング レイヤーをコピーする必要があるため、影の非表示document.getElementById("theme-popover").style.visibility="hidden";//影藏
は非常に重要です。レイアウト、フラッシュはオーバーレイ ボタンを見つけることができないため、
のときに開始します
document.getElementById("theme-popover").style.visibility="visible";//非公開で共有するときに表示されます
最後は物陰に隠れます。 QQ グループを作成しました。一緒にテクノロジーを交換することを歓迎します。グループ番号: 512245829。Weibo が好きな友達はフォローできます: Turntable Entertainment