JavaScript でコンテンツをフォーマット付きでクリップボードにコピー

 

JavaScript はコンテンツをクリップボードにコピーします. これはフォーマットされたコピーであり, 文字列ではありません. 長い間探していましたが, まだ実用的です. コンテンツを渡すだけでコピーが成功し, フォーマットされた一

初代？

ページ要素の選択をコピー

function compare(text) {
        var isRTL = document.documentElement.getAttribute('dir') === 'rtl';
        var element = document.createElement('textarea');
        // 防止在ios中产生缩放效果
        element.style.fontSize = '12pt';
        // 重置盒模型
        element.style.border = '0';
        element.style.padding = '0';
        element.style.margin = '0';
        // 将元素移到屏幕外
        element.style.position = 'absolute';
        element.style[isRTL ? 'right' : 'left'] = '-9999px';
        // 移动元素到页面底部
        let yPosition = window.pageYOffset || document.documentElement.scrollTop;
        element.style.top = `${yPosition}px`;
        //设置元素只读
        element.setAttribute('readonly', '');
        element.value = text;
        document.body.appendChild(element);

        var ment =element
        ment.select();
        ment.setSelectionRange(0, ment.value.length);
        document.execCommand('copy');
        ment.remove();
        // alert("已复制到剪切板");
    }

実践方法

let val = `地址：https://www.baidu.com/
账号：123456789
密钥：99999999999999
提示：用于复制工具`

compare(val)

コピーしたら貼り付け

地址：https://www.baidu.com/
账号：123456789
密钥：99999999999999
提示：用于复制工具

 

大昌面接の質問は面接の質問バンクを共有します

フロントエンドとバックエンドのインタビュー質問バンク (インタビューに必要) 推奨: ★★★★★

住所:フロントエンド面接質問バンク  Web フロントエンド面接質問バンク VS Java バックエンド面接質問バンク Daquan