Javascriptはボタンをクリックして指定領域のテキストをコピーすることを実現する

原文アドレス:Javascriptボタンクリックによる指定エリアテキストのコピーを実現
html 5のwebAPIインタフェースは、flashに依存する必要がなく、わずか数行のコードでボタンをクリックして領域テキストをコピーする機能を簡単に実現することができます.
コードは次のとおりです.

/*   range     */
const range = document.createRange();
range.selectNode(element);    //   range        

/*    selection  ，          */
const selection = window.getSelection();
if(selection.rangeCount > 0) selection.removeAllRanges(); //                
selection.addRange(range);//         range     selection   

document.execCommand('copy'); //   copy  ，copy       

テスト:

ブラウザのバージョン番号は、私がテストしたときに使用したバージョンです.edgeブラウザ、Chrome(v 54.0.2840.99 m)、Firefox(v 49.0.1)が利用可能です.

IE 9、IE 10、IE 11は、クリップボードにテキストを貼り付けるかどうかを尋ねるメッセージをポップアップします.IE 7、IE 8はこの機能をサポートしていない.

IOS 10のSafariブラウザが利用可能です.

フィードバックによると、IOS 9以下のSafariブラウザではこの機能はサポートされていないはずです.
Demo:

    
    



    
     
    2016.8.15    
    
      ，          ，    、   、  ，        。

    
<script>
    function copyArticle(event){
        const range = document.createRange();
        range.selectNode(document.getElementById('article'));

        const selection = window.getSelection();
        if(selection.rangeCount > 0) selection.removeAllRanges();
        selection.addRange(range);
        
        document.execCommand('copy');
    }

    document.getElementById('copy').addEventListener('click', copyArticle, false);
</script>


</tton></button></code></pre> 
 <p>        ，      。</p> 
 <p><strong>API  ：</strong></p> 
 <ul> 
  <li>document.execCommand</li> 
  <li>document.createRange</li> 
  <li>window.getSelection</li> 
 </ul> 
 <p>   ！</p> 
</article>
                            </div>
                        </div>