xraynet.github.io/drag.js at main · xraynet/xraynet.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
// JavaScript Document

var _$ = function (id) {
  return document.getElementById(id)
}
function bindEvent(node, eventType, callback) {
  if (node.attachEvent) {
    if (eventType.indexOf('on')) {
      eventType = 'on' + eventType
    }
    node.attachEvent(eventType, callback)
  } else {
    if (!eventType.indexOf('on')) {
      eventType = eventType.substring(2, eventType.length)
    }
    node.addEventListener(eventType, callback, false)
  }
  return callback
}
function removeEvent(node, eventType, callback) {
  if (node.detachEvent) {
    if (eventType.indexOf('on')) {
      eventType = 'on' + eventType
    }
    node.detachEvent(eventType, callback)
  } else {
    if (!eventType.indexOf('on')) {
      eventType = eventType.substring(2, eventType.length)
    }
    node.removeEventListener(eventType, callback, false)
  }
}

//创建接口
function __drag(dragger) {
  var drag = bindEvent(dragger, 'onmousedown', function (e) {
    e = e || event
    var mouseX = e.clientX || e.pageX
    var mouseY = e.clientY || e.pageY
    var objStyle =
      dragger.currentStyle || window.getComputedStyle(dragger, null)
    var objX = parseInt(objStyle.left) || 0
    var objY = parseInt(objStyle.top) || 0
    var limitX = mouseX - objX
    var limitY = mouseY - objY
    var screenbodyw = document.body.clientWidth - 920
    var screenbodyh = document.body.clientHeight - 281.11

    if (!dragger.onDrag) {
      dragger.onDrag = bindEvent(document, 'onmousemove', function (e) {
        e = e || event
        dragger.style.left = (e.clientX || e.pageX) - limitX + 'px'
        dragger.style.top = (e.clientY || e.pageY) - limitY + 'px'
        if (parseInt(dragger.style.left) < 0) {
          dragger.style.left = 0 + 'px'
        }
        if (parseInt(dragger.style.left) > screenbodyw) {
          dragger.style.left = screenbodyw + 'px'
        }
        if (parseInt(dragger.style.top) > screenbodyh) {
          dragger.style.top = screenbodyh + 'px'
        }
        if (parseInt(dragger.style.top) < 0) {
          dragger.style.top = 0 + 'px'
        }
      })
      dragger.onDragEnd = bindEvent(document, 'onmouseup', function () {
        removeEvent(document, 'onmousemove', dragger.onDrag)
        removeEvent(document, 'onmouseup', dragger.onDragEnd)
        try {
          delete dragger.onDrag
          delete dragger.onDragEnd
        } catch (e) {
          dragger.removeAttribute('onDrag')
          dragger.removeAttribute('onDragEnd')
        }
      })
    }
  })
}