JSを介してコンテンツをクリップボードにコピーしたい場合は、ブラウザの互換性を考慮すると、jquery-zclipコピーを使用することができます。 。原則を詳細に説明しません。それを実装する方法について話しましょう。
たとえば、私のHTMLコードは次のとおりです。
コードコピーは次のとおりです。
<div>
<code rel = "1"> <span id = "id_1"> copy1 </span> </code>
<code rel = "2"> <span id = "id_2">コピーするコンテンツ2 </span> </code>
<code rel = "3"> <span id = "id_3"> copeid3 </span> </code>
</div>
合計2つのJSファイルがあるため、jQueryに言及する必要はありません。その後、jquery-zclip.jsとzeroclipboard.swfは公式Webサイトでダウンロードできます。 /www.steamdev.com/zclip /
コピーボタンを生成するJSは次のとおりです
コードコピーは次のとおりです。
<script type = "text/javascript">
$（function（）{
$（ 'code'）。各（function（）{
var self = $（this）;
var id = self.attr（ 'rel'）;
var copy = $（ '<span> copy </span>'）。appendto（self）.zclip（{{
'path'： '/static/admin/js/zeroclipboard.swf'、//ここに独自のアドレスを書きます
'Aftercopy'：function（）{
Alert（ '対応するコードのアドレスを取得して、クリップボードにコピーされています。Ctrl+Vを使用して貼り付けます'）;
}、
「コピー」：function（）{
$ $（ '＃id _'+id）.text（）; //ここに注意してください、div spanなどの場合はtext（）を使用します。
}
}）;
}）;
}）;
</script>
このように、あなたはブラウザを越えて、私はそれをスムーズにしたとき、私はそれをスムーズにしました。後にフラッシュが生成されたことがわかりましたが、テキストの位置にはありません。私は多くの情報をチェックしました、そして、一部の人々はあなたがコードを変更する必要があると言ったが、それから私はそれを変更し、それは大丈夫だった
変更する必要があるコードは次のとおりです
コードコピーは次のとおりです。
GetDomobjectPosition：function（obj、stopobj）{
// dom要素の絶対座標を取得します
var info = {
左：0、
上：0、
幅：obj.width？width：obj.offsetwidth、
高さ：obj.height？
};
if（obj &&（obj！= stopobj））{
//info.left += obj.offsetLeft;
//info.top += obj.offsettop;
jpos = $（obj）.position（）;
info.left += jpos.left; //
info.top += jpos.top; //
}
情報を返す;
}
実際、これはこのプラグインの原則と関係があるため、2つが重複しない場合、上記の問題が発生します。