oncopy.md

HTML oncopy 属性

定义和用法

oncopy 属性在用户复制元素内容时触发。

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

提示： oncopy 属性主要用于具有 type="text" 的 <input> 元素。

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

• 按 CTRL + C
• 从浏览器的编辑菜单中选择“复制”
• 右键单击显示上下文菜单并选择“复制”命令

适用于

oncopy 属性是 事件属性 的一部分，可用于任何 HTML 元素。

元素	事件
所有 HTML 元素	oncopy

示例

Input 示例

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

<input type="text" oncopy="myFunction()" value="尝试复制此文本">

<input type="text" oncopy="myFunction()" value="尝试复制此文本">

<p id="demo"></p>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "你复制了文字！"
}
</script>

P 示例

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

<p oncopy="myFunction()">尝试复制此文本</p>

<p oncopy="myFunction()">尝试复制此文本</p>

<script>
function myFunction() {
  alert("你复制了文字！");
}
</script>

Img 示例

复制图像时执行 JavaScript：

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

<p>尝试复制下面的图像（右键单击图像并选择“复制图像”）。</p>

<img src="../assets/editors-001.png" oncopy="myFunction()" alt="editors image" height="150">

<p><strong>笔记：</strong> 此示例在某些浏览器中可能无法按预期工作。</p>

<script>
function myFunction() {
  alert("你复制了图片！");
}
</script>

浏览器支持

事件属性
oncopy	Yes	Yes	Yes	Yes	Yes

注意： 在尝试复制图像时，oncopy 属性在某些浏览器中可能无法正常工作（参见上面的示例）。