[JavaScript] ドラッグ&ドロップ

ドラッグ&ドロップを可能にするライブラリを作成した。

使い方

ZIPファイルを解凍後(中身はdraggable.js)、任意のディレクトリに配置し、本機能を実装したいhtmlでJSファイルを読み込む。

<script type="text/javascript" src="js/draggable.js"></script>

本機能を使用したい要素に任意の id を指定する。

<span id="demo-1">あいうえお</span>
<div id="demo-2">かきくけこ</div>
<p id="demo-3">さそすせそ</p>
次にJS側で、前手順で指定した id を設定する。
// 対象とする要素のID
targetItem : [
	'demo-1',
	'demo-2',
	'demo-3'
	]

以上で、本機能を使用可能となる。

投稿日付 :

カテゴリー : JavaScript | Library

トラックバックURL

http://mashimonator.weblike.jp/mt/mt-tb.cgi/73

コメント投稿フォーム