HTML ondragstart イベント属性

❮ HTML イベント属性

定義と用法

ondragstart 属性は、ユーザが要素またはテキスト選択のドラッグを開始したときに発火します。

ドラッグ＆ドロップは、HTML5 では非常に一般的な機能です。それは、オブジェクトを「つかんで」、別の場所にドラッグすることです。 詳細については、HTML5 チュートリアルの HTML5 ドラッグ＆ドロップ を参照してください。

注: 要素をドラッグできるようにするには、 グローバル HTML5 draggable 属性を使用します。

チップ: リンクや画像は、デフォルトでドラッグ可能であり、draggable 属性の必要はありません。

ドラッグ＆ドロップ操作のいろいろな段階で、使用されたり、発生する可能性がある多くの event 属性があります：

• ドラッグ可能なターゲットで発火するイベント（source 要素）：
  • ondragstart - ユーザが要素のドラッグを開始したときに発火する
  • ondrag - 要素がドラッグされているときに発火する
  • ondragend - ユーザが要素のドラッグを終了したときに発火する


• ターゲットにドロップする時に発火するイベント：
  • ondragenter - ドラッグした要素がドロップターゲットに入ったときに発火する
  • ondragover - ドラッグした要素がドロップターゲットの上にきたときに発火する
  • ondragleave - ドラッグした要素がドロップターゲットを離れたときに発火する
  • ondrop - ドラッグした要素がドロップターゲットにドロップされたときに発火する

ブラウザ・サポート

表中の数字は、完全にイベント属性をサポートした最初のブラウザのバージョンを指定しています。

HTML 4.01 と HTML5 の相違点

ondragstart 属性は、HTML5 で新しく追加されました。

構文

属性値

技術的詳細

関連ページ

HTML チュートリアル：HTML5 ドラッグ＆ドロップ

HTML Reference: HTML draggable Attribute

HTML DOM リファレンス：ondragstart イベント

HTML イベント属性