This commit is contained in:
X1627315083
2023-12-22 15:42:41 +08:00
parent a51b7f2915
commit 15d0b78a0f
8 changed files with 107 additions and 75 deletions

View File

@@ -172,7 +172,7 @@ export default defineComponent({
//操作移动
layout:{
mounted (el,layout:any,binding) {
el.addEventListener('mousedown',(e: MouseEvent)=>{
let mousedown = function(e: MouseEvent){
e.stopPropagation()
el.parentElement.children.forEach((v:any) => {
v.style.left = v.offsetLeft+'px'
@@ -210,9 +210,16 @@ export default defineComponent({
}
document.onmouseup = function(){
mouse = false
document.onmousemove = ()=>{
}
// el.removeEventListener('mousedown',mousedown)
// el.removeEventListener('mousedown',mousedown)
// document.onmousemove = false;
}
})
}
el.addEventListener('mousedown',mousedown)
},
updated (el,layout) {
@@ -284,6 +291,7 @@ export default defineComponent({
}
document.onmouseup = function(){
mouse = false
document.onmousemove = ()=>{}
}
})
}
@@ -302,7 +310,7 @@ export default defineComponent({
num = Number(transform[3])
}
// 添加鼠标按下事件监听器
el.addEventListener('mousedown', (e:MouseEvent) => {
let mousedown = (e:MouseEvent) => {
e.stopPropagation()
mouse = true;
// let eX = (e.pageX - el.offsetLeft) + el.offsetLeft
@@ -324,12 +332,14 @@ export default defineComponent({
});
// 添加鼠标松开事件监听器
document.addEventListener('mouseup', () => {
mouse = false;
// x = e.pageX
// y = e.pageY
});
});
document.addEventListener('mouseup',mouseup );
}
let mouseup = () => {
mouse = false;
// el.removeEventListener('mousedown',mousedown)
document.removeEventListener('mouseup',mouseup)
}
el.addEventListener('mousedown',mousedown);
//缩放
let timeSwitch = true
el.parentNode.addEventListener('mousemove', (e:MouseEvent) => {
@@ -446,15 +456,17 @@ export default defineComponent({
}
}
// 添加鼠标松开事件监听器
document.addEventListener('mouseup', () => {
mouse = false;
el.removeEventListener('mousemove',mouseMove)
el.parentNode.children.forEach((v:any) =>{
v.classList.remove('eventNode')
})
});
document.addEventListener('mouseup', mouseup);
}
let mouseup = () => {
mouse = false;
el.parentNode.removeEventListener('mousemove',mouseMove)
el.parentNode.children.forEach((v:any) =>{
v.classList.remove('eventNode')
})
document.removeEventListener('mouseup', mouseup);
}
el.parentNode.addEventListener('mousemove', mouseMove);
})
@@ -516,6 +528,7 @@ export default defineComponent({
}
document.onmouseup = function(){
mouse = false
document.onmousemove = ()=>{}
}
})
},