鼠标拖动改变div高度

1.如下图，在拖动的div上绑定鼠标事件，id=eagleMapContainer是拖动时需要改变高度的div

2.下面是方法

if (!this.open_status) {
        return
      }
      var targetDiv = document.getElementById('eagleMapContainer')
      var targetDivHeight = targetDiv.offsetHeight
      // clientY是该表高度，也可以取clientX改变宽度
      var startY = e.clientY
      document.onmousemove = function(e) {
        e.preventDefault()
        var distY = Math.abs(e.clientY - startY)
        if (e.clientY < startY) {
          targetDiv.style.height = targetDivHeight + distY + 'px'
        }
        if (e.clientY > startY) {
          targetDiv.style.height = (targetDivHeight - distY) + 'px'
        }
        // 最大高度，也可以通过css  max-height设置
        if (parseInt(targetDiv.style.height) >= 700) {
          targetDiv.style.height = 700 + 'px'
        }
      }
      document.onmouseup = function() {
        document.onmousemove = null
      }
    }