Latest web development tutorials

oncut 事件

事件對象參考手冊 事件對象

實例

當<input> 元素中的選擇內容被剪切時執行JavaScript :

<input type="text" oncut="myFunction()" value="嘗試剪切該文本">

嘗試一下»

在本文底部查看更多實例。

定義和用法

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

注意：雖然使用的HTML元素都支持oncut事件，但實際上並非支持所有元素，例如<p>元素，除非設置了contenteditable為"true" (查看下文的更多實例)。

提示： oncut事件通常應用在type="text"的<input>元素中。

提示：有三種方式可以剪切內容：

  • 按下CTRL + X
  • 從瀏覽器的編輯菜單中選擇"Cut（剪切）"
  • 右擊鼠標按鈕在上下文菜單中選擇"Cut（剪切）" 命令。

瀏覽器支持

事件
oncut Yes Yes Yes Yes Yes

語法

HTML 中：

<elementoncut="myScript"> 嘗試一下

JavaScript 中：

object .oncut=function(){myScript}; 嘗試一下

JavaScript 中, 使用addEventListener() 方法:

object .addEventListener("cut", myScript ); 嘗試一下

注意： Internet Explorer 8及更早IE版本不支持addEventListener()方法。

技術細節
是否支持冒泡: Yes
是否可以取消: Yes
事件類型: ClipboardEvent
支持的HTML 標籤: 所有HTML 元素

Examples

更多實例

實例

當剪切<p> 元素上的文本內容時執行JavaScript (注意contenteditable 設置為"true"):

<p contenteditable="true" oncut="myFunction()">嘗試剪切該文本</p>

嘗試一下»

相關頁面

HTML DOM參考手冊: oncopy事件

HTML DOM參考手冊: onpaste事件


事件對象參考手冊 事件對象