HTMLondrag属性_
定義と使用法
このondrag
属性は、要素またはテキストの選択がドラッグされているときに発生します。
ドラッグアンドドロップについては、 HTML5ドラッグアンドドロップに関するHTMLチュートリアルをお読みください。
ヒント:draggable
リンクと画像はデフォルトでドラッグ可能であり、属性は必要ありません。
ドラッグアンドドロップ操作のさまざまな段階で使用され、発生する可能性のある多くのイベント属性があります。
- ドラッグ可能なターゲット(ソース要素)で発生したイベント:
ondragstart
-ユーザーが要素のドラッグを開始すると発生しますondrag
-要素がドラッグされているときに発生しますondragend
-ユーザーが要素のドラッグを終了したときに発生します
- ドロップターゲットで発生したイベント:
ondragenter
-ドラッグされた要素がドロップターゲットに入ると発生しますondragover
-ドラッグされた要素がドロップターゲットの上にあるときに発生しますondragleave
-ドラッグされた要素がドロップターゲットを離れると発火しますondrop
-ドラッグされた要素がドロップターゲットにドロップされたときに発生します
注:要素をドラッグしている間、ondrag
イベントは350ミリ秒ごとに発生します。
に適用されます
このondrag
属性はイベント属性の一部であり、任意のHTML要素で使用できます。
要素 | イベント |
---|---|
すべてのHTML要素 | オンドラッグ |
例
P例
<p>要素がドラッグされているときにJavaScriptを実行します。
<p draggable="true" ondrag="myFunction(event)">Drag me!</p>
ブラウザのサポート
表の数字は、イベント属性を完全にサポートする最初のブラウザバージョンを示しています。
Event Attribute | |||||
---|---|---|---|---|---|
ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |