dragenter(ondragenter)イベント

　dragenter(ondragenter)イベントは、設定されたタグエレメント上にドラッグされた他のエレメントが入ったら発生するDragEventインターフェイスのイベントです。 対象のエレメントがドラッグできることが前提です。

　タグエレメントをドラッグ出来るようにするには、そのエレメントにdraggable要素を設定します。

　URLリンク、イメージはデフォルトでドラッグできます。draggable要素を設定しないでください。

スクリプトを作成する際の注意点

ドラッグ、ドロップを操作するには以下のイベントを利用する必要があります。大きく分けて、ドラッグ＆ドロップするエレメントに設けるイベントと、そのエレメントを受け入れるエレメントに設けるイベントがあります。

ドラッグ、ドロップするエレメントのイベント

ondragstart

ドラッグが始まったら発生します。ドラッグするエレメント情報を取得します。

ondrag

ドラッグをする間発生します。ドラッグをする間、350milliseconds毎にondragイベントが発生します。

ondragend

ドラッグが終了したら発生します。

受け入れるエレメントのイベント

ondragenter

設定されたタグエレメントに他のエレメントがドロップされたら発生します。

ondragover

設定されたタグエレメント上を他のエレメントをドラッグすると発生します。

ondragleave

設定されたタグエレメントから他のエレメントがドラッグによって離れたら発生します。

ondrop

設定されたタグエレメントに他のエレメントをドロップすると発生します。

Syntax

in HTML

<tagelement ondragenter="oneFunction()">

in JavaScript

object.ondragenter = function(){ };

object.addEventListener("dragenter", script_);