Выделить весь текст затем скопировать его в javascript

Question

У меня есть код, который, если бы я выбрал какой-то текст, а затем щелкнул его, он работает.

Моя проблема, если я не выберу текст и не нажму copy, тогда я должен скопировать весь текст.

Мой HTML:

<textarea id="txt" style="width:100%;height:100px;">To enjoy good health</textarea> 

<div align="center"><button class="btn-md">copy</button></div> 

Мой Сценарий:

$(document).ready(function(){ 
    $('.btn-md').click(function(){ 
    $('#txt').focus(); 
    document.execCommand('copy'); 
    }); 
}); 

Answer 1

Попробуйте

$(document).ready(function(){ 
 

 
    $('.btn-md').click(function(){ 
 
     var selectedText = getSelectedText($('#txt')[0]); 
 

 
     if(getSelectedText($('#txt')[0]) != '') { 
 
      
 
      copyToClipboard(selectedText); 
 
     } else { 
 
      $('#txt').focus().select(); 
 
     } 
 
     document.execCommand('copy'); 
 
    }); 
 
}); 
 

 
function getSelectedText(e) { 
 
    var text = "", 
 
     start = e.selectionStart, 
 
     finish = e.selectionEnd; 
 
    text = e.value.substring(start, finish); 
 
    return text; 
 
} 
 

 
function copyToClipboard(text){ 
 

 
    var et = $('<textarea/>',{ 
 
     css:{ opacity: '0' } 
 
    }); 
 
    $('body').append(et); 
 
    $(et)[0].value = text; 
 
    $(et).focus().select(); 
 
    document.execCommand('copy'); 
 
    $(et).remove(); 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<textarea id="txt" style="width:100%;height:100px;">To enjoy good health</textarea> 
 
<div align="center"><button class="btn-md">copy</button></div>