html подія oncopy

Подія oncopy відбувається перед тим, як виділений текст скопіюється в буфер обміну. За допомогою цієї події ви можете впливати на скопійований текст.

Для заборони копіювання використовують window.event.returnValue = false;

За політикою безпеки деякі браузери забороняють дану подію.

Зображення прикладу

правити

Порада

Подія oncopy також спрацьовує, якщо користувач копіює елемент, наприклад, зображення, створене за допомогою теґа <img>.

автор: с3с правити

Порада

Є три способи скопіювати елемент / зміст елемента:

• Натиснути CTRL + C
• Натиснути "Копіювати" з меню Правка у вашому браузері
• Через контекстне меню (права кнопка миші) вибрати пункт "Копіювати"

автор: с3с правити

Нотатка

Подія oncopy в основному використовується з теґом <input>.

автор: с3с правити

+ додати пораду чи нотатку

Синтаксис

<element oncopy="script">

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	5+	4+	5+	15+	14+	9+

Підтримка: мобільні переглядачі

Переглядач
	5+	75+	65+	67+

Приклади

+ запропонувати свій приклад у пісочниці

<p oncopy="copyTextElement(this)">Даний текст заборонено копіювати за допомогою JS</p>
<p id="block"></p>
<br>
<p>Поле для спроб вставити скопіюованй текст</p>
<input>

function copyTextElement(element) {
  document.getElementById("block").innerHTML = "Функція копіювання спрацювала";
  window.event.returnValue = false;
}
//# sourceURL=pen.js

<input value="текст" id="test" oncopy="copyTextElement(this)">
<input type="button" value="Поверути текст" onclick="f()">
<div id="block"></div>

function copyTextElement(elment) {

  elment.value = "";

  document.getElementById('block').innerHTML = "Текст видалено через спробу скопіювати!!!";
}

function f() {
  document.getElementById("test").value = "текст";
}
//# sourceURL=pen.js

<input value="текст" id="test" oncopy="copyTextElement(this)">
<input type="button" value="Поверути текст" onclick="f()">
<div id="block"></div>

function copyTextElement(elment) {
  document.getElementById('block').innerHTML = "Ви скопіювали: " + elment.value;
}

function f() {
  document.getElementById("test").value = "текст";
}
//# sourceURL=pen.js