vue自定義指令--拖拽

directives:{
    drags(el){
      el.onmousedown=(e)=>{
        var disx=e.pageX-el.offsetLeft;
        var disy=e.pageY-el.offsetTop;
        document.onmousemove=(e)=>{
          el.style.left=e.pageX-disx+'px';
          el.style.top=e.pageY-disy+'px';
        }
        document.onmouseup=()=>{
          document.onmousedown = document.onmousemove = null
        }
        e.preventDefault();
      }
    }
  },

  <div v-drags></div>code

相關文章
相關標籤/搜索