ts代码部分:
import React, { Component, createRef } from 'react'
import '../css/TestDrag.less'
interface Props {
}
interface State {
}
class TestDrag extends Component<Props, State>{
disX: number = 0;
disY: number = 0;
x: number = 0;
y: number = 0;
dragElement = createRef<HTMLDivElement>();
constructor(props: Props) {
super(props)
this.state = {
}
}
FnDown(ev: React.MouseEvent<HTMLDivElement>): void {
if (this.dragElement.current) {
this.disX = ev.clientX - this.dragElement.current.getBoundingClientRect().left;
this.disY = ev.clientY - this.dragElement.current.getBoundingClientRect().top;
}
document.onmousemove = this.FnMove.bind(this);
document.onmouseup = this.FnUp;
ev.preventDefault && ev.preventDefault()
}
FnMove(e