oncopy 事件

DOM 事件 ClipboardEvent

定义和用法

oncopy 事件在用户复制元素的内容时发生。

提示：当用户复制使用 <img> 元素创建的元素（例如图像）时，也会发生 oncopy 事件。

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

提示：以下是复制元素/元素内容的三种方式：

  • CTRL + C
  • 从浏览器的编辑菜单中选择复制
  • 右键菜单中选择复制命令

实例

例子 1

在复制 <input> 元素的文本时执行 JavaScript：

<input type="text" oncopy="myFunction()" value="Try to copy this text">

亲自试一试

例子 2

当复制 <p> 元素的某些文本时执行 JavaScript：

<p oncopy="myFunction()">Try to copy this text</p>

亲自试一试

例子 3

复制图像时执行 JavaScript：

<img src="w3school.gif" oncopy="myFunction()">

亲自试一试

语法

在 HTML 中：

<element oncopy="myScript">

亲自试一试

在 JavaScript 中：

object.oncopy = function(){myScript};

亲自试一试

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

object.addEventListener("copy", myScript);

亲自试一试

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

技术细节

冒泡： 支持
可取消： 支持
事件类型： ClipboardEvent
支持的 HTML 标签： 所有 HTML 元素

浏览器支持

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

注释：尝试复制图像时，oncopy 事件在某些浏览器中可能无法按预期工作（请参阅下面的更多实例）。

相关页面

HTML DOM 参考手册：onpaste 事件

HTML DOM 参考手册：oncut 事件

DOM 事件 ClipboardEvent