Javascript 如何从按钮移动父div

这可能很容易做到，但我发现它令人沮丧，我怎么能通过按住按钮上的鼠标向下移动整个div

var m=document.getElementById（'aboutpanel'）；
m、 addEventListener（'mousedown'，mousedown，false）；
window.addEventListener（'mouseup'，mouseup，false）；
函数mouseUp（）{
removeEventListener（'mousemove'，move，true）；
}
功能鼠标向下（e）{
addEventListener（'mousemove'，move，true）；
}
功能移动（e）{
m、 style.top=e.clientY+'px'；
m、 style.left=e.clientX+'px'；
};
#关于电话{
宽度：200px；
高度：150像素；
位置：固定；
}

桌面记录器操作系统

版本：v3.0a

学分：Lèla Null


函数about（）{
document.getElementById（'aboutpanel'）.style.display='block'；
document.getElementById（'settings'）.style.display='none'；
document.getElementById（'about_appstatus'）.src='data/green dot.png'；
start2（）；
}
函数ignore_about（）{
document.getElementById（'aboutpanel'）.style.display='none'；
document.getElementById（'about_appstatus'）.src='data/red dot.png'；
}
var m=document.getElementById（'title_about'）；//改变
m、 addEventListener（'mousedown'，mousedown，false）；
window.addEventListener（'mouseup'，mouseup，false）；
函数mouseUp（）{
removeEventListener（'mousemove'，move，true）；
}
功能鼠标向下（e）{
addEventListener（'mousemove'，move，true）；
}
功能移动（e）{
document.getElementById（'aboutpanel'）.style.top=e.clientY+'px'；//已更改
document.getElementById（'aboutpanel'）.style.left=e.clientX+'px'；//已更改
}
#关于电话
{
宽度：200px；
高度：150像素；
位置：固定；
}

桌面记录器操作系统

版本：v3.0a

学分：Lèla Null

-->这是可行的。问题是什么？它非常接近我所需要的是的，但无论我点击div的什么位置，它都会移动。最后，我希望有两个表单可以移动，但只能通过点击移动按钮。嗯，它在这里工作，但在主项目中不起作用。奇怪，但我担心这可能是我现在的问题。感谢您的帮助。关于这行的内容
m.addEventListener（'mousedown'，mousedown，false）不兼容。有什么好主意吗？