◀ 2.

Drag and Drop API

▶
編集

Drag and Drop API

 

HTML5ではHTML文にdraggable="true"を付けるだけで、ほぼすべての要素がドラッグ＆ドロップ可能になる。

例えば、img要素の場合は<img draggable="true">と記載する。

 

ドラッグする要素に使用するイベントと、ドロップを受け入れる要素に使用するイベントがある。

JavaScriptで記述し使用する。

dragstart ドラッグ開始時
drag ドラッグしている間
dragend ドラッグ終了時
dragenter ドラッグしている要素がエリアに入ったとき
dragover ドラッグしている要素がエリアにある間
dragleave ドラッグしている要素がエリアから出たとき
drop ドラッグしている要素がドロップされたとき
編集
Post Share
子ページ

子ページはありません

同階層のページ
  1. Canvas API
  2. Drag and Drop API
  3. History API
  4. WebStorage API
  5. File API
  6. System Information API
2017-09-07 12:42:56 guest 203

人気ページ

最近更新/作成されたページ