|
@@ -132,12 +132,23 @@ const dragModalResizeMouseDown = (event) => {
|
|
|
event.preventDefault()
|
|
|
event.stopPropagation()
|
|
|
//获取相关dom元素
|
|
|
- let dom = document.getElementById('drag-modal-' + uuid)
|
|
|
+ let body = document.body, dom = document.getElementById('drag-modal-' + uuid)
|
|
|
let clientX = event.clientX, clientY = event.clientY;
|
|
|
let offsetWidth = dom.offsetWidth, clientHeight = dom.clientHeight;
|
|
|
document.onmousemove = (e) => {
|
|
|
- widthVal.value = e.clientX - clientX + offsetWidth
|
|
|
- heightVal.value = e.clientY - clientY + clientHeight
|
|
|
+ //拖拽时为了对宽和高 限制一下范围,定义两个变量
|
|
|
+ let W = e.clientX - clientX + offsetWidth;
|
|
|
+ let H = e.clientY - clientY + clientHeight;
|
|
|
+
|
|
|
+ if(body.offsetWidth - e.clientX < 0){
|
|
|
+ W = body.offsetWidth - parseInt(dom.style.marginLeft);
|
|
|
+ }
|
|
|
+ if(body.offsetHeight - e.clientY < 0){
|
|
|
+ H = body.offsetHeight - parseInt(dom.style.marginTop);
|
|
|
+ }
|
|
|
+
|
|
|
+ widthVal.value = W;// 拖拽后物体的宽
|
|
|
+ heightVal.value = H;// 拖拽后物体的高
|
|
|
}
|
|
|
document.onmouseup = () => {
|
|
|
document.onmousemove = null;
|