时段块鼠标按下、拖动、释放 jquery 正常，转成原生js就出问题，哪位大哥帮忙看看

Question

注释掉的是jquery版本

drag (r) {
      // var e = this
      //   , s = e.periods
      //   , t = $(r.currentTarget)
      //   , d = t.data("period")
      //   , a = t.data("hour")
      //   , h = !s[d].hours[a].selected;
      // e.toggle(d, a, h);
      // var i = t.parent(".dWrqhsbcga").find("[data-hour]");
      // return i.on("mouseenter.drag", function (r) {
      //   r.preventDefault();
      //   var s = $(r.currentTarget);
      //   e.toggle(s.data("period"), s.data("hour"), h)
      // }), $(document.body).off("mouseup.drag").on("mouseup.drag", function (r) {
      //   i.off("mouseenter.drag")
      // }), r.preventDefault()
      
      var e = this
        , s = e.periods,
        d = r.currentTarget.getAttribute('data-period')
        , a = r.currentTarget.getAttribute('data-hour'),
        h = !s[d].hours[a].selected
      
      e.toggle(d, a, h);
      
      var i = r.currentTarget.parentElement.querySelectorAll('[data-hour]')
      for (var s = 0; s < i.length; s++) {
        var aaa = i[s]
        aaa.onmouseenter = function (r) {
          // console.log('进入')
          r.preventDefault()
          r.cancelBubble = false
          var s = r.currentTarget;
          e.toggle(s.getAttribute('data-period'), s.getAttribute("data-hour"), h)
        }
        aaa.onmouseup = function (r, that = aaa) {
          // console.log('松开')
          // console.log(that.onmouseenter)
          r.preventDefault()
  
          that.onmouseenter = null
          that.onmouseup = null
        }
      }
    },

Answer 1

等待大神解答