0

ドラッグ可能な div があり、その div 内にネストされており、サイズ変更可能な別の div があります。

div はオンザフライで作成されます。

少し複雑にするために、サイズ変更可能な div 内にテキストを含むスパンを作成します。

私が抱えている問題は、テキストを強調表示できるようにしたいのですが、親 div のドラッグ可能な要素がこれを許可していないことです。

スパンをテキスト領域に変更するとすべて問題ありませんが、テキスト領域は私が望むものには機能しません。

スパンの z-index を div の (z-index:2000;) よりも高く設定しようとしましたが、喜びはありません。draggale 要素はまだ最前線にあります。

何か案は?

ここに私のdivがあります

var newdiv = document.createElement('div');
newdiv.setAttribute('id', id);
newdiv.setAttribute('class', 'dragbox');
newdiv.setAttribute('iterate',i);   
newdiv.style.position = "absolute";
newdiv.style.top = top+"px";
newdiv.style.left = left+"px";
newdiv.style.cursor='move';
newdiv.style.zIndex=zindex;
newdiv.innerHTML = "<br><div id='div"+i +"' style='zindex:1;'><span id='span"+i+"' style='z-index:2000;'>"+content+"</span></div></div>";
4

1 に答える 1

1

誤解していたら申し訳ありませんが、親 div よりも高い z-index を div に与えようとしていますか? 、もしそうなら、うまくいきません。

あなたのコードで見たように、 z-index:2000 は z-index:1 内にあるため、実際にはブラウザの場合は z-index:1 です

編集

試してみましたか

event.preventDefault();

mousedown mousemove および mouseup イベント内?

于 2013-05-13T14:29:53.493 に答える