oncut 事件

DOM 事件 ClipboardEvent

定義和用法

oncut 事件發生在用戶剪切元素的內容時。

盡管所有 HTML 元素都支持 oncut 事件，但實際上并不能剪切內容，例如 <p> 元素，除非該元素已將 contenteditable 設置為 "true"（請參閱下面的更多實例）。

提示：oncut 事件主要用于 type="text" 的 <input> 元素。

提示：以下是剪切元素/元素內容的三種方式：

  • CTRL + X
  • 從瀏覽器的編輯菜單中選擇剪切
  • 右鍵菜單中選擇剪切命令

實例

例子 1

在 <input> 元素中剪切文本時執行 JavaScript：

<input type="text" oncut="myFunction()" value="Try to cut this text">

親自試一試

例子 2

在剪切 <p> 元素的文本時執行 JavaScript（注意 contenteditable 已設置為 "true"）：

<p contenteditable="true" oncut="myFunction()">Try to cut this text</p>

親自試一試

語法

在 HTML 中：

<element oncut="myScript">

親自試一試

在 JavaScript 中：

object.oncut = function(){myScript};

親自試一試

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("cut", myScript);

親自試一試

注釋：Internet Explorer 8 或更早的版本不支持 addEventListener() 方法。

技術細節

冒泡： 支持
可取消： 支持
事件類型： ClipboardEvent
支持的 HTML 標簽： 所有 HTML 元素

瀏覽器支持

事件 Chrome IE Firefox Safari Opera
oncut 支持 支持 支持 支持 支持

相關頁面

HTML DOM 參考手冊：oncopy 事件

HTML DOM 參考手冊：onpaste 事件

DOM 事件 ClipboardEvent