防止可拖动的div彼此靠近

div {
  position: fixed;
}

var divs = document.querySelectorAll('div');

divs.forEach(function(div) {
  div.addEventListener('mousemove', function(event) {
    var currentDiv = event.target;
    var otherDivs = Array.from(divs).filter(function(d) {
      return d !== currentDiv;
    });

    otherDivs.forEach(function(otherDiv) {
      var rect1 = currentDiv.getBoundingClientRect();
      var rect2 = otherDiv.getBoundingClientRect();

      var distance = Math.sqrt(Math.pow(rect1.x - rect2.x, 2) + Math.pow(rect1.y - rect2.y, 2));

      if (distance < 100) { // 设置一个距离阈值，当距离小于该值时，阻止div的拖动
        event.preventDefault();
      }
    });
  });
});