美文网首页
点击拿到元素位置

点击拿到元素位置

作者: 醉青风 | 来源:发表于2020-03-27 17:40 被阅读0次

    const that = this

    that.$refs.container.onclick=function(ev){

      var oEvent=ev||event;

      var position = {

    //oEvent.clientX  距离左边的位置    oEvent.clientY距离上边的位置

    // that.$refs.container.getBoundingClientRect().left  元素距离浏览器左边的位置

        left: (oEvent.clientX - (that.$refs.container.getBoundingClientRect().left || 0)),

        top: (oEvent.clientY - (that.$refs.container.getBoundingClientRect().top || 0))

      };

      console.log(position);

    }

    相关文章

      网友评论

          本文标题:点击拿到元素位置

          本文链接:https://www.haomeiwen.com/subject/bsbcuhtx.html