JSで作ったクリックコピーエフェクト-jsチュートリアル-php.cn

JSで作ったクリックコピーエフェクト

php中世界最好的语言

リリース： 2018-03-12 11:37:31

オリジナル

1797 人が閲覧しました

今回はJSで作ったClick-to-Copyエフェクトをお届けします。 JSで作ったClick-to-Copyエフェクトの注意点は以下の通りです。
原則:

すべて選択フォームのテキストエリアデータを介してコピーコマンドを呼び出してコピーを実行します

例

<!DOCTYPE html><html><head>
    <meta charset="UTF-8"> 
    <title>复制</title></head><body>
    <script>  
           var textCopy=function (data) {                var f=document.createElement("form");
                f.id="copy-"+Date.parse(new Date());
                f.onsubmit=function(){return false};
                f.style="opacity: 0;height: 1px;width: 1px;overflow: hidden;position:fixed;top: -1;left: -1;z-index: -1;"
                f.innerHTML=`<button onclick=&#39;story.select();document.execCommand("Copy");&#39;></button>
                <textarea name="story">${data}</textarea>`;                document.body.appendChild(f);                document.querySelector(`#${f.id}>button`).click();  
                document.body.removeChild(document.getElementById(f.id));
            } 
    </script>
    <input id="test"  value="" />
    <button onclick="textCopy(document.getElementById(&#39;test&#39;).value)" >复制</button>    </body></html>

ログイン後にコピー

この記事の事例を読んだ後は、この方法を習得したと思います。 PHP 中国語 Web サイトの他の関連記事にも注目してください。