Latest web development tutorials

oncopy 事件

事件對象參考手冊 事件對象

實例

當在<input> 元素上拷貝文本時執行JavaScript:

<input type="text" oncopy="myFunction()" value="嘗試拷貝文本">

嘗試一下»

本文底部包含更多實例。


定義和用法

oncopy 事件在用戶拷貝元素上的內容時觸發。

提示: oncopy事件在用戶拷貝元素時也會觸發,例如,拷貝<img>元素。

提示: oncopy事件通常用於type="text"的<input>元素。

提示:有三種方式可以拷貝元素和內容:

  • 按下CTRL + C
  • 在你的瀏覽器的Edit(編輯) 菜單中選擇"Copy(複製)"
  • 郵件鼠標按鈕,在上下文菜單中選擇"Copy(複製)" 命令。

瀏覽器支持

事件
oncopy Yes Yes Yes Yes Yes

注意:在嘗試拷貝一張圖片時(查看更多實例), oncopy事件可能無法應用在Chrome, Firefox和Opera瀏覽器中。


語法

HTML 中:

<elementoncopy="myScript"> 嘗試一下

JavaScript 中:

object .oncopy=function(){myScript}; 嘗試一下

JavaScript 中, 使用addEventListener() 方法:

object .addEventListener("copy", myScript ); 嘗試一下

注意: Internet Explorer 8及更早IE版本不支持addEventListener()方法。


技術細節
是否支持冒泡: Yes
是否可以取消: Yes
事件類型: ClipboardEvent
支持的HTML 標籤: 所有HTML 元素


Examples

更多實例

實例

在拷貝<p> 元素的文本內容時執行JavaScript:

<p oncopy="myFunction()">嘗試拷貝文本</p>

嘗試一下»

實例

在拷貝圖片時執行JavaScript:

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

嘗試一下»


相關頁面

HTML DOM參考手冊: onpaste事件

HTML DOM參考手冊: oncut事件


事件對象參考手冊 事件對象