Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.04.2018, 11:49
Ola Ola вне форума
Интересующийся
Отправить личное сообщение для Ola Посмотреть профиль Найти все сообщения от Ola
 
Регистрация: 03.04.2017
Сообщений: 11

Помещение текста в буфер по клику на него
Здравствуйте! Хотела сделать - помещение текста в буфер по клику на него, нашла вот такой код:
const span = document.querySelector("span");

span.onclick = function() {
  document.execCommand("copy");
}

span.addEventListener("copy", function(event) {
  event.preventDefault();
  if (event.clipboardData) {
    event.clipboardData.setData("text/plain", span.textContent);
    console.log(event.clipboardData.getData("text"))
  }
});

<span>text</span>


Но почему-то у меня это не работает. Но если на странице, где я это нашла (https://stackoverflow.com/questions/...tring-on-click) нажать "Run code snippet" - то на этой странице работает...

Мой файл onclick-copy.html выглядит так:
<html>
<head>
	<meta charset="utf-8">



</head>
<body>

<script>
const span = document.querySelector("span");

span.onclick = function() {
  document.execCommand("copy");
}

span.addEventListener("copy", function(event) {
  event.preventDefault();
  if (event.clipboardData) {
    event.clipboardData.setData("text/plain", span.textContent);
    console.log(event.clipboardData.getData("text"))
  }
});
</script>

<span>text</span>

</body>
</html>

Подскажите пожалуйста...
Ответить с цитированием
  #2 (permalink)  
Старый 20.04.2018, 12:01
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Найдите одно отличие
<html>
<head>
	<meta charset="utf-8">



</head>
<body>
   <span>text</span>
<script>
const span = document.querySelector("span");

span.onclick = function() {
  document.execCommand("copy");
}

span.addEventListener("copy", function(event) {
  event.preventDefault();
  if (event.clipboardData) {
    event.clipboardData.setData("text/plain", span.textContent);
    console.log(event.clipboardData.getData("text"))
  }
});
</script>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 20.04.2018, 12:30
Ola Ola вне форума
Интересующийся
Отправить личное сообщение для Ola Посмотреть профиль Найти все сообщения от Ola
 
Регистрация: 03.04.2017
Сообщений: 11

А-а-а! Точно! Теперь работает! Спасибо! Я редко программирую, поэтому получаются такие казусы... Но, возможно, у меня еще появится вопрос по этой теме...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как с помощью скрипта высчитать ширину полосы прокрутки? LADYX Элементы интерфейса 35 13.11.2017 12:50
Копирование текста в буфер обмена в браузере через JavaScript xintrea Элементы интерфейса 8 18.06.2015 16:43
Вставка текста в textarea по клику после определенных слов x-miller-x Общие вопросы Javascript 0 05.09.2012 07:27
Как сделать смену текста по клику на ссылку? goooooch Общие вопросы Javascript 4 09.07.2012 17:04
вставка текста в блок по клику Titanic jQuery 4 12.02.2011 17:35