Jquery的简单拖动

Jquery本身并没有鼠标的拖动事件，需要将鼠标的几个事件结合在一起就能实现鼠标拖动事件。

首先 你需要记录下拖动状态dragging，坐标位置ix,iy

18            var dragging = false;

19            var iX, iY;

20            $("#drag").mousedown(function(e) {

21                dragging = true;

22                iX = e.clientX - this.offsetLeft;

23                iY = e.clientY - this.offsetTop;

24                this.setCapture && this.setCapture();

25                return false;

26            });

27            document.onmousemove = function(e) {

28                if (dragging) {

29                var e = e || window.event;

30                var oX = e.clientX - iX;

31                var oY = e.clientY - iY;

32                $("#drag").css({"left":oX + "px", "top":oY + "px"});

33                return false;

34                }

35            };

36            $(document).mouseup(function(e) {

37                dragging = false;

38                $("#drag")[0].releaseCapture();

39                e.cancelBubble = true;

40            })