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