fix
This commit is contained in:
@@ -194,10 +194,9 @@ export default defineComponent({
|
||||
clientX:e.clientX,
|
||||
clientY:e.clientY,
|
||||
}
|
||||
console.log(e);
|
||||
|
||||
operation(event)
|
||||
}
|
||||
|
||||
let touchstart = function(e: any){
|
||||
e.stopPropagation()
|
||||
const touch = e.changedTouches[0];
|
||||
@@ -207,12 +206,10 @@ export default defineComponent({
|
||||
clientX:touch.clientX,
|
||||
clientY:touch.clientY,
|
||||
}
|
||||
console.log(e);
|
||||
operation(event)
|
||||
}
|
||||
|
||||
let operation = function(e: MouseEvent){
|
||||
console.log(e);
|
||||
|
||||
el.parentElement.children.forEach((v:any) => {
|
||||
v.style.left = v.offsetLeft+'px'
|
||||
v.style.top = v.offsetTop+'px'
|
||||
@@ -230,6 +227,19 @@ export default defineComponent({
|
||||
let domY = e.clientY - e.offsetY - Number(top)
|
||||
let mouse = true
|
||||
let mouseMove = function(e:MouseEvent){
|
||||
domOperation(e)
|
||||
}
|
||||
let touchmove = function(e:any){
|
||||
const touch = e.changedTouches[0];
|
||||
let event:any = {
|
||||
offsetX:touch.clientX - e.target.getBoundingClientRect().left,
|
||||
offsetY: touch.clientY - e.target.getBoundingClientRect().top,
|
||||
clientX:touch.clientX,
|
||||
clientY:touch.clientY,
|
||||
}
|
||||
domOperation(event)
|
||||
}
|
||||
let domOperation = (e:any)=>{
|
||||
if(mouse){
|
||||
el.style.left = e.clientX-mouseX - domX+'px'
|
||||
el.style.top = e.clientY-mouseY - domY+'px'
|
||||
@@ -249,12 +259,16 @@ export default defineComponent({
|
||||
}
|
||||
let mouseup = function(){
|
||||
mouse = false
|
||||
el.removeEventListener('mousemove',mouseMove)
|
||||
el.removeEventListener('mouseup',mouseup)
|
||||
document.removeEventListener('mousemove',mouseMove)
|
||||
document.removeEventListener('touchmove',touchmove)
|
||||
document.removeEventListener('mouseup',mouseup)
|
||||
document.removeEventListener('touchend',mouseup)
|
||||
//移动端
|
||||
}
|
||||
document.addEventListener('mousemove', mouseMove);
|
||||
document.addEventListener('touchmove', touchmove);
|
||||
document.addEventListener('mouseup', mouseup);
|
||||
document.addEventListener('touchend', mouseup);
|
||||
//移动端
|
||||
}
|
||||
el.addEventListener('mousedown',mousedown)
|
||||
|
||||
Reference in New Issue
Block a user