oncopy 事件

2021-07-05 16:29 更新

oncopy 事件

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

實例

當(dāng)在 <input> 元素上拷貝文本時執(zhí)行 JavaScript:

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

嘗試一下 ?

本文底部包含更多實例。


定義和用法

oncopy 事件在用戶拷貝元素上的內(nèi)容時觸發(fā)。

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

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

提示: 有三種方式可以拷貝元素和內(nèi)容:

  • 按下 CTRL + C
  • 在你的瀏覽器的 Edit(編輯) 菜單中選擇 "Copy(復(fù)制)"
  • 右鍵鼠標(biāo)按鈕,在上下文菜單中選擇 "Copy(復(fù)制)" 命令。

瀏覽器支持

事件          
oncopy Yes Yes Yes Yes Yes

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


語法

HTML 中:

<element oncopy="myScript">嘗試一下

JavaScript 中:

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

JavaScript 中, 使用 addEventListener() 方法:

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

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


技術(shù)細節(jié)
是否支持冒泡:Yes
是否可以取消:Yes
事件類型:ClipboardEvent
支持的 HTML 標(biāo)簽:所有 HTML 元素


Examples

更多實例

實例

在拷貝 <p> 元素的文本內(nèi)容時執(zhí)行 JavaScript:

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

嘗試一下 ?

實例

在拷貝圖片時執(zhí)行 JavaScript:

<img src="logo.png" oncopy="myFunction()">

嘗試一下 ?


相關(guān)頁面

HTML DOM 參考手冊: onpaste 事件

HTML DOM 參考手冊: oncut 事件


事件對象參考手冊 事件對象
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號