鼠标选中文本复制，如果松开时鼠标位于click包裹的文本上会默认执行click事件

鼠标选中文本复制，如果松开时鼠标位于click包裹的文本上会默认执行click事件

onmousedown->onmouseup->onclick，解决方案：利用down到up的时间差，与200ms作比较

Vue.directive('drag', {
  // 指令的定义
  bind: function (el) {
    let odiv = el; //获取当前元素
    let firstTime = '',
      lastTime = '';
    odiv.onmousedown = (e) => {
      document.getElementById('dragbtn').setAttribute('data-flag', false)
      firstTime = new Date().getTime();
      //  算出鼠标相对元素的位置
      let disY = e.clientY - odiv.offsetTop;
      document.onmousemove = (e) => {
        //  用鼠标的位置减去鼠标相对元素的位置，得到元素的位置
        let top = e.clientY - disY;
        //  页面范围内移动元素
        if (top > 0 && top < document.body.clientHeight - 48) {
          odiv.style.top = top + 'px';
        }
      };
      document.onmouseup = (e) => {
        document.onmousemove = null;
        document.onmouseup = null;
        // onmouseup 时的时间，并计算差值
        lastTime = new Date().getTime();
        if ((lastTime - firstTime) < 200) {
          document.getElementById('dragbtn').setAttribute('data-flag', true)
        }
      };
    };
  }

})


@click(){
    //  验证是否为点击事件，是则继续执行click事件，否则不执行
    let isClick = document.getElementById('dragbtn').getAttribute('data-flag');
    if(isClick !== 'true') {
        return false
    }
    this.$router.push({
        name: "goodsdetail",
        query: { id },
    });
}