SYNCERのロゴ
アイキャッチ画像

ClipboardEvent - クリップボードイベント

ClipboardEventは、クリップボード操作に関連するイベントで取り扱われるインターフェイスです。

概要

名前
ClipboardEvent
継承
IDL
[Constructor(DOMString type, optional ClipboardEventInit eventInitDict), Exposed=Window]
interface ClipboardEvent : Event {
  readonly attribute DataTransfer? clipboardData;
};

dictionary ClipboardEventInit : EventInit {
  DataTransfer? clipboardData = null;
};

dictionary EventInit {
  boolean bubbles = false;
  boolean cancelable = false;
  boolean composed = false;
};
仕様書
https://w3c.github.io/clipboard-apis/#clipboardevent

チュートリアル

ClipboardEventは、copyイベントやcutイベント、pasteイベントでコールバック関数に渡されるオブジェクトです。

var callbackFn = function ( event ) {
	console.log( event ) ;
}

element.oncopy = callbackFn ;
element.oncut = callbackFn ;
element.onpaste = callbackFn ;

プロパティ

clipboardData

クリップボードにあるデータを表すDataTransferを返します。

メソッド

固有のメソッドはありません。

定数

固有の定数はありません。

イベント

固有のイベントハンドラはありません。

サポート状況

クリックすると、バージョンごとの対応状況を確認できます。

FeaturesChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
ClipboardEvent 15+ 22+× 15+ 4.4+
ClipboardEvent() 58+ 22+ 10+×× 45+ 10.0+×
clipboardData 15+ 22+× 15+ 4.4+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月9日 (月)
コンテンツを公開しました。