html подія oncut

Подія oncut викликається перед тим як користувач виріже вміст елемента.

Ці подія використовуються рідко. Вона відбуваються під час вирізання значення. Їх основне застосування - це скасування відповідної операції.

Блок з якого заборонено вирізати наведено в приклдах.

правити

Порада

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

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

Порада

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

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

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

Нотатка

Хоча атрибут oncut підтримується всіма HTML елементами, та не у всих насправді можна вирізати вміст, наприклад, теґ <p>, якщо на цей елемент не встановити атрибут contenteditable="true".

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

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

Синтаксис

<element oncut="script">

Переглядачі

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

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

Переглядач
	5+	4+	5+	3+	12+	8+

Мобільних переглядачів ще не додано.

Приклади

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

<input type="text" id="input"> event: <span id="result"></span>

input.oncut = function (event) {
  result.innerHTML = event.type + ' ' + input.value;
  window.event.returnValue = false;
};
//# sourceURL=pen.js

<input type="text" id="input"> event: <span id="result"></span>

input.oncut = function (event) {
  result.innerHTML = event.type + ' ' + input.value;
  return false;
};
//# sourceURL=pen.js

<input value="текст" id="test" oncut="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

<p oncut="copyTextElement(this)" contenteditable="true">Даний текст заборонено вирізати за допомогою 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" oncut="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