const addEvent = (obj, sEv, fn) => {
  if (obj.addEventListener) {
    obj.addEventListener(sEv, fn, false)
  } else {
    obj.attachEvent('on' + sEv, fn)
  }
}

const addWheel = (obj, fn) => {
  function fnDir(ev) {
    let oEvent = ev || event
    let dir = oEvent.wheelDelta ? oEvent.wheelDelta < 0 : oEvent.detail > 0
    fn(dir)
    oEvent.preventDefault && oEvent.preventDefault()
    return false
  }

  if (window.navigator.userAgent.indexOf('Firefox') !== -1) {
    addEvent(obj, 'DOMMouseScroll', fnDir)
  } else {
    addEvent(obj, 'mousewheel', fnDir)
  }
}

/* ******************拖拽函数********************** */
const drag = (mapGroup, parentNode, fn) => {
  // let obj = obj&& typeof obj === 'string'?document.getElementById(obj) : obj;

  let obj = document.querySelector('#' + mapGroup._renderer.elem.id)
  // let parentNode = document.querySelector(parentNode)
  // let pWidth = parentNode.width.baseVal.value
  // let pHeight = parentNode.height.baseVal.value

  obj.onmousedown = function (e) {
    let ev = e || event
    ev.preventDefault()
    let disX = ev.clientX - mapGroup.translation.x
    let disY = ev.clientY - mapGroup.translation.y
    /* let oWidth = obj.querySelector('image').width.baseVal.value
    let oHeight = obj.querySelector('image').height.baseVal.value */
    // 阻止冒泡事件
    ev.stopPropagation ? ev.stopPropagation() : ev.cancelBubble = true
    document.onmousemove = function (ev) {
      // let ev = ev || event
      let json = {
        x: ev.clientX - disX,
        y: ev.clientY - disY
      }

      fn(json)
    }
    document.onmouseup = function (ev) {
      // let ev = ev || event
      document.onmousemove = document.onmouseup = null
    }
  }
}

export {
  addEvent,
  drag,
  addWheel
}