原生js实现点击位置出现弹出框

文章重点在于位置获取

获取事件点击位置相对client的偏移:

event.clientX / event.clientY

父元素相对client的位置:

parentDom.getClientRects()[0].left / parentDom.getClientRects()[0].top

相减得到点击位置相对父元素的偏移,设置为弹出框位置

popupDom.style.setProperty('top', top + 'px')

popupDom.style.setProperty('left', left + 'px')

发布了34 篇原创文章 · 获赞 1 · 访问量 7895

猜你喜欢

转载自blog.csdn.net/landiyaaa/article/details/96842678