DataTransfer() - コンストラクタ
DataTransfer()は、DataTransferのコンストラクタです。新しいオブジェクトを作成します。
概要
- 名前
- DataTransfer
- 所属
- DataTransfer
- IDL
Constructor()
- 仕様書
- https://html.spec.whatwg.org/multipage/dnd.html#dom-datatransfer
説明
引数はありません。
チュートリアル
コンストラクタでDataTransferを作成する例です。
var dataTransfer = new DataTransfer() ;
デモ
DataTransfer()のデモです。
<!-- このコードは編集できます。 -->
<!DOCTYPE html>
<html>
<style>
body { word-break: break-all ; tab-size: 2 ; }
div#result { white-space: pre-wrap ; }
</style>
<body>
<div id="result"></div>
<script>
var dataTransfer = new DataTransfer() ;
console.log( dataTransfer ) ;
appendText( dataTransfer ) ;
function appendText ( text ) {
document.getElementById( "result" ).appendChild( document.createTextNode( text ) ) ;
}
</script>
</body>
</html>
サポート状況
Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|
● 59+ | × | × | × | × | ● 46+ | × | × |
関連記事
- DataTransfer.types
- typesは、DataTransferのプロパティです。転送中のデータの種類の一覧を配列で返します。各値は、getData()でデータの内容を取得する時に利用します。
- DataTransfer.dropEffect
- dropEffectは、DataTransferのプロパティです。転送データを取り扱う時の、ドロップ側の操作を返します。dragoverイベント、またはdragenterイベントにおいて、値を代入して設定することができます。ドラッグされる要素(effectAllowed)の値と、それを受け取る要素(dropEffect)の値が噛み合わない時、ドロップが発生しません。
- DataTransfer
- DataTransferは、ドラッグ操作やクリップボード操作によって転送されるデータを管理するための機能を備えたインターフェイスです。
- ClipboardEvent.clipboardData
- clipboardDataは、ClipboardEventのプロパティです。クリップボードにあるデータを表すDataTransferを返します。