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

点击拿到元素位置

作者: 醉青风 | 来源:发表于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