전체 HTML 테이블을 클립 보드 javascript에 복사

Question

테이블을 선택하려면 자바 스크립트를 작성해야하지만 버튼을 클릭 한 후에 자동으로 복사하려고합니다. 제발 도와주세요. 내 자바 스크립트는 이와 같습니다.

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

사용하는 대신이 코드.

코드 : 훨씬 더 쉽게 clicpboard.js를 사용하여

<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

. 대한 추가 정보를 원하시면 확인 :의 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>