タグ

ブックマーク / master-html5.blogspot.com (1)

  • ドラッグ&ドロップを検出する

    ドラッグ&ドロップを検出するには、onDragStartのイベントを補足して、dataTransferのメソッドでデータを受け渡します。 draggable属性がデフォルトで有効なのはimg要素とa要素だけなので、その他はドラッグ&ドロップを行わせる場合は明示的にdraggable=”true”に指定する必要があります。 5つの花を四角の中にドロップして移動させるサンプルです。 ここにドロップして下さい。 <img draggable="true" id="flower" ondragstart="onDragStart1(event)" src="http://4.bp.blogspot.com/-0SX_a1se2h0/Ti071J9luII/AAAAAAAAAWY/Q3DjidIAuuw/s1600/_Sunflower.gif" /> <img draggable="true" i

  • 1