備忘録的プログラミングリファレンス

copy ( oncopy )イベント

 copy ( oncopy )イベントは、エレメントをコピーまたはその値、内容のテキストをコピーすると発生する ClipboardEvent インターフェイスのイベントです。

 <img> エレメントのようにイメージの場合はタグエレメント自体がコピーの対象になります。

copy ( oncopy )イベント
document.getElementById('example').oncopy = ( event )=>{
	console.log( event );
};

 コピーには以下の操作が対象になります。

  • CTRL + Cによるショートカット
  • ブラウザのメニューバーの編集Copyによる操作
  • 右クリックで表示されるコンテキストメニューのCopyコマンド

- ad -

構文(Syntax)

in HTML

<tagelement oncopy="function()">

in JavaScript

object.oncopy = function(){ };

object.addEventListener("copy", script_);

備考(Remarks)

BubblesYes
CancelableYes
InterfaceClipboardEvent
Supported HTML ElementsALL HTML elements

Example

 copy ( oncopy )イベントの例です。「確認」ボタンをクリックして実行してみてください。

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。

- ad -