Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
HTML5 ドラッグ&ドロップ操作を活用する方法(1) | TechBooster
HTML5ではブラウザ上でドラッグ&ドロップ操作することができるようになりました。 ドラッグ&ドロップを利用するために以下の2点がポイントとなります。 ドラッグ元、ドロップ先を定義 ドラッグ&ドロップされたときの処理を定義 詳しい解説は続きからどうぞ。 ドラッグ元とドロップ先を定義 まずはドラッグ元となる要素とドロップ先となる要素を定義する必要があります。 例えば画像を所定の領域にドラッグ&ドロップできるようにしたい場合、 ドラッグ元となる要素は画像ということになりますので、以下のような定義を行うことになります。 <img src="img_01.png" id="img_01" draggable="true" ondragstart="onDragStart(event)" /> draggable属性はその要素がドラッグ可能な要素であるかを指定するための属性です。 true、fals
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
