-2

画面上に画像を動的に配置しています。各画像には、そのサイズを変更するための +/- ボタンがあります (div マウスオーバーで画像の上に表示されます)。各画像はドラッグ可能である必要があります。

私のjavascriptは、imgを次のように設定すると正常に機能class="drag"しますが、divでは機能しません-明らかにボタンもドラッグしたいです。以下は html フラグメントです ( divwith内にありますposition:relative):

<div class="drag" onmouseover="showDIVChild(this)" onmouseout="hideDIVChild(this)">
  <img id="my_img_1" style="width:100; height:100;" src="http://www.whatever.com/images/whatever.jpg"/>
  <button id="but_A_1" style="display:none; width:10;height:15; position:absolute; left:5px; top:5px;" onClick="upSizeIMG('my_img_1')">+</button>
  <button id="but_B_1" style="display:none; width:10;height:15; position:absolute; left:20px; top:5px;" onClick="downSizeIMG('my_img_1')">-</button>
</div>

Luke Breuerが提供する Javascript を使用しています。NB「ドラッグ」クラスはposition:absoluteCSS で設定されています。

なぜdivドラッグしないのですか？(その他の機能はすべて動作しています)

4

1 に答える 1

0

最後に、私は答えを見つけました。onMOuseDown 関数内の Luke のコードを次のように調整しました。注意: 彼のコードに何か問題があったと言っているわけではありません。これは、div に img が含まれている場合に必要なものです。img は div の代わりに「ドラッグ」イベントを取得するためです。

前：

var target = e.target != null ? e.target : e.srcElement;

後：

var target = e.target != null ? e.target.parentNode : e.srcElement.parentNode;
于 2012-12-03T17:37:38.453 に答える