将图标移动到悬停或单击的元素的绝对位置

<div id="target">目标元素</div>
<div id="icon">图标元素</div>

#icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: red;
  color: white;
}

var targetElement = document.getElementById('target');
var iconElement = document.getElementById('icon');

targetElement.addEventListener('mouseover', function() {
  var targetRect = targetElement.getBoundingClientRect();
  iconElement.style.top = targetRect.top + 'px';
  iconElement.style.left = targetRect.left + 'px';
});

targetElement.addEventListener('click', function() {
  var targetRect = targetElement.getBoundingClientRect();
  iconElement.style.top = targetRect.top + 'px';
  iconElement.style.left = targetRect.left + 'px';
});