原生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')

你可能感兴趣的:(css,js)