Help us test MDN's new front-end: https://discourse.mozilla.org/t/help-us-test-mdns-new-react-front-end-beta/42593

dragenter イベントは、ドラッグ中のイベントやテキストの選択範囲が、妥当なドロップターゲットに入ったときに発生します。

ターゲットのオブジェクトはユーザーによる直接の選択範囲 (ドロップターゲットとしてユーザーによって直接示された要素)、または <body> 要素です。

バブリング あり
キャンセル可能 はい
既定のアクション ユーザーによる直接の選択範囲をターゲット要素の可能性から除外する
インターフェイス DragEvent
イベントハンドラープロパティ ondragenter

サンプルコードは drag イベント、またはこの JSFiddle デモをご覧ください。

仕様書

仕様書 状態 備考
HTML Living Standard
dragenter の定義
現行の標準  

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
dragenter eventChrome 完全対応 4Edge 完全対応 12Firefox 完全対応 3.5
補足
完全対応 3.5
補足
補足 In Firefox, the dragenter event is fired twice when the dropzone is parent of draggable or draggable itself. See bug 804036 for details.
IE 完全対応 10Opera 完全対応 12Safari 完全対応 3.1WebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile 未対応 なしFirefox Android 未対応 なしOpera Android 未対応 なしSafari iOS 完全対応 11Samsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
実装ノートを参照してください。
実装ノートを参照してください。

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mdnwebdocs-bot, mfuji09
最終更新者: mdnwebdocs-bot,