JavaScriptを使ってクリップボードにコピーする方法まとめ

黄舟
リリース: 2017-12-04 13:34:59
オリジナル
3420 人が閲覧しました

日々の開発作業では貼り付けやコピー機能をよく使いますが、クリップボードにコピーする機能も以下に紹介しますJavaScriptボードの概要。方法!

1. ボタンをクリックしてテキスト ボックスの内容をコピーします



ログイン後にコピー

2. トピック アドレスと URL アドレスをコピーし、QQ/MSN 上の友達に送信します





Js复制代码

ログイン後にコピー

3. URL を直接コピーします


ログイン後にコピー

4. テキストボックスをクリックすると、テキストボックスの内容をコピーします


ログイン後にコピー

5. テキストボックスまたは隠しフィールドの内容をコピーします

ログイン後にコピー

6. tag




ログイン後にコピー

7. ブラウザ互換性 copyToClipboard (「コンテンツのコピー」)

function copyToClipboard(txt) {
   if (window.clipboardData) {
    window.clipboardData.clearData();
    clipboardData.setData("Text", txt);
    alert("复制成功!");
 
   } else if (navigator.userAgent.indexOf("Opera") != -1) {
    window.location = txt;
   } else if (window.netscape) {
    try {
     netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
    } catch (e) {
     alert("被浏览器拒绝!\n请在浏览器地址栏输入'about:config'并回车\n然后将 'signed.applets.codebase_principal_support'设置为'true'");
    }
    var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
    if (!clip)
     return;
    var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
    if (!trans)
     return;
    trans.addDataFlavor("text/unicode");
    var str = new Object();
    var len = new Object();
    var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
    var copytext = txt;
    str.data = copytext;
    trans.setTransferData("text/unicode", str, copytext.length * 2);
    var clipid = Components.interfaces.nsIClipboard;
    if (!clip)
     return false;
    clip.setData(trans, null, clipid.kGlobalClipboard);
    alert("复制成功!");
   }
  }
ログイン後にコピー

8. 主要ブラウザのコピーコードと互換性あり(ZeroClipboard.jsとの組み合わせ)



Zero Clipboard Test



复制
ログイン後にコピー

概要:

この記事では、クリップボードにコピーするための JavaScript の方法を詳しく紹介します。それぞれの方法に独自の違いがあります。ご参考になれば幸いです。

関連する推奨事項:

javascript - HTML5 モバイル開発、クリップボードにコピーする方法は?

マルチブラウザ「クリップボードにコピー」JavaScriptコード

JSをクリップボードにコピーするサンプルコード

以上がJavaScriptを使ってクリップボードにコピーする方法まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!