Javascript jquery可拖动div中嵌套span的z索引

我有一个可拖动的div，嵌套在该div中，我还有一个可调整大小的div

div是动态创建的

为了让事情稍微复杂一点，我在可调整大小的div中设置了一个span，其中包含一些文本

我的问题是，我希望文本可以高亮显示，但是父div的draggable元素不允许这样做

如果我将跨度更改为文本区域，这一切都很好，但文本区域无法满足我的要求

我曾尝试将span的z指数设置为高于div（z指数：2000；），但没有乐趣，draggale元素仍然处于最前沿

有什么想法吗

这是我的票

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>";

var newdiv=document.createElement（'div'）；
newdiv.setAttribute（'id'，id）；
setAttribute（'class'，'dragbox'）；
newdiv.setAttribute（'iterate'，i）；
newdiv.style.position=“绝对”；
newdiv.style.top=top+“px”；
newdiv.style.left=左+“px”；
newdiv.style.cursor='move'；
newdiv.style.zIndex=zIndex；
newdiv.innerHTML=“
”+内容+”；

如果我理解错误，很抱歉，您试图为div指定比其父div更高的z索引，如果是这样的话，这是行不通的

正如我在代码中看到的那样，z-index:2000在z-index:1内，因此浏览器实际上只是z-index:1

编辑

你试过了吗

event.preventDefault();

---

在mousedown mousemove和mouseup事件中？

听起来您需要在

span

中单击事件的

stopPropagation（）

。你有JSFIDLE中的工作示例吗？试着给出我已经有一个stopPropagation（）当我单击一个名为“编辑文本”的按钮时，我正在尝试为span的内容制作一个简单的富文本编辑器。不幸的是，我无法组合一个JSFIDLE，因为页面是通过您尝试使用

position:absolute在您的span上？它有时可以与z-index结合使用，但z-index本身不起作用。@Calvin z-index本身根本不起作用。它需要定位，这是必须的。好的，谢谢，这是我第一次尝试获取跨度的内容，可编辑。关于如何使内部跨度可编辑，您有什么想法吗？当我使用var spanclick=document.getElementById（'span'+I）单击span的内容时，我可以得到一个有效的警报；spanclick.onclick=function（e）{alert（“hello world”）；}但我无法使内容高亮显示