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="codew3c.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