Kesan seret dan lepas mudah menggunakan kemahiran js_javascript

 fungsi Seret(id) {
            this.div = document.getElementById(id);
            jika (this.div) {
                this.div.style.cursor = "move";
                this.div.style.position = "mutlak";
            }
            this.disX = 0;
            this.disY = 0;
            var _ini = ini;
            this.div.onmousedown = fungsi (evt) {
                _this.getDistance(evt);
                document.onmousemove = fungsi (evt) {
                    _this.setPosition(evt);
                }
                _this.div.onmouseup = fungsi () {
                    _this.clearEvent();
                }
            }
        }
        Drag.prototype.getDistance = fungsi (evt) {
            var oEvent = evt || acara;
            this.disX = oEvent.clientX - this.div.offsetLeft;
            this.disY = oEvent.clientY - this.div.offsetTop;
        }
        Drag.prototype.setPosition = fungsi (evt) {
            var oEvent = evt || acara;
            var l = oEvent.clientX - this.disX;
            var t = oEvent.clientY - this.disY;
            jika (l <= 0) {
                l = 0;
            }
            else if (l >= document.documentElement.clientWidth - this.div.offsetWidth) {
                l = document.documentElement.clientWidth - this.div.offsetWidth;
            }
            jika (t <= 0) {
                t = 0;
            }
            else if (t >= document.documentElement.clientHeight - this.div.offsetHeight) {
                t = document.documentElement.clientHeight - this.div.offsetHeight;
            }
            this.div.style.left = l "px";
            this.div.style.top = t "px";
        }
        Drag.prototype.clearEvent = fungsi () {
            this.div.onmouseup = null;
            document.onmousemove = null;
        }

window.onload = fungsi () {
             Seret baharu("div1");
             Seret baharu("div2");
}