HTML oncopy 事件

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

实例

<!DOCTYPE html>
<html>
<body>
<input type="text" oncopy="myFunction()" value="复制这个文本">
<p id="demo"></p>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "你已经复制文本!"
}
</script>
</body>
</html>

运行一下

浏览器支持

事件
oncopy	Yes	Yes	Yes	Yes	Yes

备注：在某些浏览器中尝试复制图像时，oncopy事件可能无法按预期工作。

定义和用法

当用户复制元素的内容时，oncopy事件触发。

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

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

提示：复制元素/元素内容有三种方法：

按CTRL+C

从浏览器的“编辑”菜单中选择“复制”

右击显示关联菜单并选择“复制”命令

HTML 4.01 与 HTML5 之间的差异

无。

语法

<element oncopy="script">

属性值

值	描述
script	oncopy 发生时运行的脚本。

更多实例

<!DOCTYPE html>
<html>
<body>
<p>尝试复制下面的图像（右键单击图像并选择“复制图像”）。</p>
<img src="/images/demo.png" oncopy="myFunction()" alt="demo" >
<p><strong>备注:</strong> 在某些浏览器中，此示例可能无法正常工作。</p>
<script>
function myFunction() {
  alert("你已经复制图片!");
}
</script>
</body>
</html>