javascript中受限容器内的鼠标事件

var contain=document.getElementById（“contain”）；
var newBlock=document.createElement（“div”）；
var moveIt=函数（事件）{
//document.body.appendChild（newBlock）；
contain.appendChild（newBlock）；//注释掉这个，并应用上一行
newBlock.className=“block”；
var posX=event.clientX-50；
var posY=event.clientY-50；
newBlock.style.top=posY+“px”；
newBlock.style.left=posX+“px”；
newBlock.innerHTML=“posX=“+（posX+50）+”
posY=“+（posY+50）；
}
var letsDoIt=contain.addEventListener（“mousemove”，moveIt）
*{
保证金：0；
填充：0；
}
#包含{
宽度：700px；
高度：400px；
背景颜色：黄色；
边框：1px纯蓝色；
}
.街区{
宽度：100px；
高度：100px；
背景色：红色；
边框：1px纯蓝色；
位置：绝对位置；
}

Hi，当使用SO时，请尝试使用代码段而不是jsFiddle。我已将您的帖子更新为一个片段。。代码段的好处在于，用户只需单击运行代码段，而不必访问外部站点。我查看了您的演示，但我不清楚您到底想实现什么。您是否需要内部div不跨越父div的边界（仅停留在父div的边界内？）您可以详细说明吗？我很难理解您的问题，但这里有一条信息您可能不知道：如果您添加“指针事件：无；“CSS to”.block”，鼠标事件将在下面的元素（父元素）上触发，而不会在块本身上触发。@DejanBogatinovski这正是我想要做的。工作狂的回答正是我所需要的。不知道指针事件属性。这是我来这里的第一天。我怎样才能在帖子上投票或做出一个答案？@ZenekWiaderko Yeap，工作狂的答案是正确的。这是一个非常简单有效的解决方案。你可以将鼠标悬停在评论上，向上投票，在左边会出现一个向上箭头图标。您可以在使用时单击该图标，尝试使用代码段而不是JSFIDLE。我已将您的帖子更新为一个片段。。代码段的好处在于，用户只需单击运行代码段，而不必访问外部站点。我查看了您的演示，但我不清楚您到底想实现什么。您是否需要内部div不跨越父div的边界（仅停留在父div的边界内？）您可以详细说明吗？我很难理解您的问题，但这里有一条信息您可能不知道：如果您添加“指针事件：无；“CSS to”.block”，鼠标事件将在下面的元素（父元素）上触发，而不会在块本身上触发。@DejanBogatinovski这正是我想要做的。工作狂的回答正是我所需要的。不知道指针事件属性。这是我来这里的第一天。我怎样才能在帖子上投票或做出一个答案？@ZenekWiaderko Yeap，工作狂的答案是正确的。这是一个非常简单有效的解决方案。你可以将鼠标悬停在评论上，向上投票，在左边会出现一个向上箭头图标。你可以点击这个图标