複数オブジェクトのドラッグ
複数のオブジェクトに対しドラッグを可能にする仕組み。各DIVをmousedownしたとき旗(flag)をtrue
にし、同時に変数targetObjにthis(オブジェクトそのもの)を入れる。そして、targetObjの
位置を変えることで、複数オブジェクトのドラッグを実現している。
mouseupではflagをfalseにし、変数targetObjを空にしている。
課題は、ドラッグしたときオブジェクトが選択状態になること。
このサンプルでは4つのdivに初期設定でz-index:0を設定し、
mousedownでzIndexプロパティを1にし、onmouseupでz-indexプロパティを0に戻す
処理をしてある。が、それでも完全ではない。課題だ。
オブジェクトのドラッグ中に、すべての選択処理を無効にする仕組みがあればいいのだが。
$
$
$
$