JavaScript-自制网页内弹窗[可移动][DOM][纯HTML]

[TDTX]

实现思路
编写弹窗样式，display默认为none，position为absolute;
点击弹出窗口按钮，弹出的display会设置为block，即可显示弹窗；
编写弹窗的鼠标按下、抬起、移动、区域离开事件函数
在移动时候，获取当前鼠标x/y与上一个鼠标x/y的差值deltaX/deltaY,
然后计算新的距离父组件的左距离、上距离，
设定该窗口的ddDiv.style.left 、addDiv.style.top即可让弹窗跟随鼠标的移动；
在点击弹窗内“确认”、“取消”按钮后，弹窗的display会设置为none，即可关闭弹窗。
 

JavaScript-自制网页内弹窗[可移动][DOM][纯HTML]