将整个html表复制到剪贴板javascript

Question

我已经写javascript来选择表，但我想现在automaticaly复制它后点击按钮。请帮助我。我的JavaScript是这样的。

function selectElementContents(el) { 
      var body = document.body, range, sel; 
      if (document.createRange && window.getSelection) { 
       range = document.createRange(); 
       sel = window.getSelection(); 
       sel.removeAllRanges(); 
       try { 
        range.selectNodeContents(el); 
        sel.addRange(range); 
        document.execCommand('Copy'); 
       } catch (e) { 
        range.selectNode(el); 
        sel.addRange(range); 
        document.execCommand('Copy'); 
       } 
      } else if (body.createTextRange) { 
       range = body.createTextRange(); 
       range.moveToElementText(el); 
       range.select(); 
       range.execCommand('Copy'); 

      } 
     } 

Answer 1

UPDATE

使用此代码来代替。

代码：

<script type="text/javascript"> 
    function selectElementContents(el) { 
     var body = document.body, range, sel; 
     if (document.createRange && window.getSelection) { 
      range = document.createRange(); 
      sel = window.getSelection(); 
      sel.removeAllRanges(); 
      try { 
       range.selectNodeContents(el); 
       sel.addRange(range); 
      } catch (e) { 
       range.selectNode(el); 
       sel.addRange(range); 
      } 
     } else if (body.createTextRange) { 
      range = body.createTextRange(); 
      range.moveToElementText(el); 
      range.select(); 
      range.execCommand("Copy"); 
     } 
    } 

</script> 

<table id="table"> 
    <thead> 
     <tr><th>Heading</th><th>Heading</th></tr> 
    </thead> 
    <tbody> 
     <tr><td>cell</td><td>cell</td></tr> 
    </tbody> 
</table> 

<input type="button" value="select table" 
    onclick="selectElementContents(document.getElementById('table'));"> 

Answer 2

function selectElementContents(el) { 
var body = document.body, range, sel; 
if (document.createRange && window.getSelection) { 
    range = document.createRange(); 
    sel = window.getSelection(); 
    sel.removeAllRanges(); 
    try { 
     range.selectNodeContents(el); 
     sel.addRange(range); 
    } catch (e) { 
     range.selectNode(el); 
     sel.addRange(range); 
    } 
} else if (body.createTextRange) { 
    range = body.createTextRange(); 
    range.moveToElementText(el); 
    range.select(); 





} 
CopiedTxt = document.selection.createRange(); 
CopiedTxt.execCommand("Copy");} 

Answer 3

function selectElementContents(el) { 
var body = document.body, range, sel; 
if (document.createRange && window.getSelection) { 
    range = document.createRange(); 
    sel = window.getSelection(); 
    sel.removeAllRanges(); 
    try { 
     range.selectNodeContents(el); 
     sel.addRange(range); 
    } catch (e) { 
     range.selectNode(el); 
     sel.addRange(range); 
    } 
} else if (body.createTextRange) { 
    range = body.createTextRange(); 
    range.moveToElementText(el); 
    range.select(); 
} 
document.execCommand("Copy");} 

Answer 4

使用clicpboard.js使其更容易。 更多信息，请查看：https://webdesign.tutsplus.com/tutorials/copy-to-clipboard-made-easy-with-clipboardjs--cms-25086

<script src="//cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.4.0/clipboard.min.js"> 
(function(){ 
    new Clipboard('#copy-table-button'); 
})(); 
</script> 

<button class="btn" id="copy-table-button" data-clipboard-target="#table_results">Copy</button> 


<table id='table_results' > 

</table>