DragEventインターフェイス
DragEventインターフェイスは、エレメントのドラッグ、ドロップによって発生するイベントを捉えます。
MouseEventインターフェイスを継承していますので、MouseEventインターフェイスのPropertyとMethod、Eventタイプが使えます。
Properties
Example Syntax
var bubbles_value = DragEvent.bubbles;
Property | |
---|---|
dataTransfer | ドラッグまたはドロップするデータを返します。 |
DragEvent Types
DragEventタイプはエレメントに設定してwebページで起こるイベントを捉えます。
Example Syntax
object.onabort = function(){script_or_function};
onDragEvent type | |
---|---|
ondrag | タグエレメントがドラッグされたら |
ondragend | タグエレメントのドラッグが終了したら |
ondragenter | この属性を設定したタグエレメント上に、他のタグエレメントがドラッグによって来たら |
ondragleave | この属性が設定されたタグエレメント上から、他のタグエレメントがドラッグで離れたら |
ondragover | この属性が設定されたタグエレメント上に、他のタグエレメントがドラッグで来たら |
ondragstart | タグエレメントをドラッグし始めたら |
ondrop | この属性が設定されたタグエレメント上に、他のタグエレメントがドロップされたら |
関連(Related)
HTML、CSS、DOMのマウス、キーボード、タッチデバイス、カーソルに関する用途一覧です。
HTML
CSS
DOM
- 全般
-
- インターフェイス
- UiEvent
- イベント
- which
- プロパティ
- altKey、 ctrlKey、 metaKey、 relatedTarget、 shiftKey
- メソッド
- getModifierState()
- マウス
-
- インターフェイス
- DragEvent、 MouseEvent
- イベント
- click、 contextmenu、 dblclick、 dragend、 dragenter、 dragleave、 dragover、 dragstart、 drop、 mousedown、 mouseenter、 mouseleave、 mousemove、 mouseout、 mouseover、 mouseup、 show、 onwheel
- プロパティ
- button、 buttons、 clientX、 clientY、 code、 deltaMode、 deltaX、 deltaY、 deltaZ、 pageX、 pageY、 screenX、 screenY
- メソッド
- キーボード
- タッチデバイス
-
- インターフェイス
- TouchEvent
- イベント
- touchcancel、 touchend、 touchmove、 touchstart、 transitionend
- プロパティ
- メソッド