Копирование текста в буфер c помощью JS?

Question

[Serginyo90]

Всем привет.
Не пойму почему текст копируется только при двойном клике на кнопку?
Я конечно написал костыль, но все же интересно разобраться.

<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
          <div class="form-group">
            <h2><label for="jsonScript">JSON</label></h2>
            <textarea name="jsonScript" id="jsonScript" class="form-control jsonScript" rows="15">
            </textarea>
          </div>
          <div style="margin-top: 15px;">
            <button class="btn btn-default" onclick="copy()">Скопировать</button>
          </div>
      </div>

function copy(){
   var copyText = document.querySelector('#jsonScript');
   var range = document.createRange();
   var selectRange = range.selectNode(copyText);
   window.getSelection().addRange(range);
   window.getSelection().removeAllRanges();
}

Answer 1

[Дилик Пулатов]

лучше используйте zClip

Answer 2

[Stalker_RED]

function copy(){
  document.querySelector('#jsonScript').select()
  document.execCommand('copy')
}

https://jsfiddle.net/wyn0c63e/