pc端拖拽实现

 draget(event, val) {

        var tart = document.querySelector(".qiang")

        let x = event.clientX - event.target.offsetLeft

        let y = event.clientY - event.target.offsetTop

        let dom = this.state.qiut;

        window.onmousemove = (e) => {

            if (e.clientX - x <= 0) {

                return false

            }

            if (e.clientX - x + event.target.clientWidth >= tart.clientWidth) {

                return false

            }

            if (e.clientY - y <= 0) {

                return false

            }

            if (e.clientY - y + event.target.clientHeight >= tart.clientHeight) {

                return false

            }

            event.target.style.left = e.clientX - x + "px"

            event.target.style.top = e.clientY - y + "px"

            dom[val].left = (e.clientX - x) + "px"

            dom[val].bottom = (e.clientY - y) + "px"

        }

        window.onmouseup = (e) => {

            window.onmousemove = null;

            localStorage.setItem("divs", JSON.stringify(dom));

            this.setState({

                qiut: dom,

            })

            window.onmouseup = null;

        }

    }