Получить позицию от родительского правого края в%

Question

Учитывая координату clientX, как я могу определить, как далеко эта точка находится от правого края родительского контейнера?Я могу правильно сделать левый край с помощью

event.target.style.left = (((cX-event.target.parentNode.offsetLeft)) / event.target.parentNode.clientWidth)*100 +"%";

, но, похоже, не могу определить значения для сравнения по отношению к правому краю .. (отредактировано)

или, собственно,насколько далеко правый край event.target находится справа, поскольку позиции style.right от правого края cX - это clientX события перетаскиваемого останова обратного вызова пользовательского интерфейса JQuery

Answer 1

Попробуйте использовать getClientBoundingRect()

  function getPosition(e) {
      var rect = e.target.getBoundingClientRect();
      console.log(rect)
      var x =  Math.abs(e.clientX - rect.right);
      var y = e.clientY - rect.top;
      return {
        x,
        y,
        procent: x / (rect.width / 100)  
      }
   }

Пример: https://jsfiddle.net/bogdanm/ocLn138v/