Информация об изменениях

Сообщение Копирование в буфер обмена средствами JS. Вопрос Закрыт. от 17.09.2015 4:27

Изменено 17.09.2015 4:42 evdokimovm

Всем доброго времени суток!
Нашел в блоге Hacks Mozilla вот такую статью https://hacks.mozilla.org/2015/09/flash-free-clipboard-for-the-web/ о том что в 41 версии Firefox будет реализована возможность cut/copy средствами JS.
В этой же таблице https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand#Browser_Compatibility сказано что уже начиная с 42 версии Chrome эта функция работает.
Ну а теперь собственно к сути.
В статье указан пример кода:

// button which we are attaching the event to
var button = ...;
// input containing the text we want to copy 
var input = ...;

button.addEventListener("click", function(event) {
  event.preventDefault();
  // Select the input node's contents
  input.select();
  // Copy it to the clipboard
  document.execCommand("copy");
});


Ну и я решил попробовать. Вот что получилось в конечном итоге: https://jsfiddle.net/xbvax960/

Вопрос в том, почему в песочнице все работает без проблем а вот так (на веб странице) не хочет:
в main.js находится тот самый JS код из https://jsfiddle.net/xbvax960/

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script>
  <script type="text/javascript" src="main.js"></script>
</head>
<body>
<textarea id="content"></textarea>
<br/>
<input type="button" id="copyID" value="Copy" />
</body>
</html>
Копирование в буфер обмена средствами JS. Вопрос Закрыт.
ВОПРОС РЕШЕН!

Всем доброго времени суток!
Нашел в блоге Hacks Mozilla вот такую статью https://hacks.mozilla.org/2015/09/flash-free-clipboard-for-the-web/ о том что в 41 версии Firefox будет реализована возможность cut/copy средствами JS.
В этой же таблице https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand#Browser_Compatibility сказано что уже начиная с 42 версии Chrome эта функция работает.
Ну а теперь собственно к сути.
В статье указан пример кода:

// button which we are attaching the event to
var button = ...;
// input containing the text we want to copy 
var input = ...;

button.addEventListener("click", function(event) {
  event.preventDefault();
  // Select the input node's contents
  input.select();
  // Copy it to the clipboard
  document.execCommand("copy");
});


Ну и я решил попробовать. Вот что получилось в конечном итоге: https://jsfiddle.net/xbvax960/

Вопрос в том, почему в песочнице все работает без проблем а вот так (на веб странице) не хочет:
в main.js находится тот самый JS код из https://jsfiddle.net/xbvax960/

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script>
  <script type="text/javascript" src="main.js"></script>
</head>
<body>
<textarea id="content"></textarea>
<br/>
<input type="button" id="copyID" value="Copy" />
</body>
</html>
javascript