JS Передвижение ползунка js скриптом

Tema05

Известный
Автор темы
1,433
391
Есть на сайте вот такой ползунок, который я хочу подвинуть в самое левое положение при помощи js скрипта (jquery). Ползунок состоит из 3 дивов. Его можно передвинуть просто нажав в начало ползунка мышкой. Кст если удалить див фона ползунка то нажатием его уже не сдвинуть, но всё ещё можно перетянуть за белую точку. В начале попытался отправить нажатие по диву фона ползунка и тому что розовый при помощи .click(), но это не дало результатов. Решил попытаться нажать просто по координатам таким кодом:
JavaScript:
function click(x, y)
{
    var ev = new MouseEvent('click', {
        'view': window,
        'bubbles': true,
        'cancelable': true,
        'screenX': x,
        'screenY': y
    });

    var el = document.elementFromPoint(x, y);

    el.dispatchEvent(ev);
}
10 раз перепроверил правильность координат, корректировал их чтобы попасть в центр ползунка, а не в область закругления, но ползунок никак не реагировал. При этом все кнопки на этом сайте прекрасно нажимаются обоями способами. Как же мне можно взаимодействовать с этим ползунком?
HTML:
<div draggable="false" class="noselect" style="position: absolute; margin-left: 110px; margin-top: 250px; width: 320px; height: 30px; background-color: rgb(38, 15, 42); border-radius: 30px; display: block; opacity: 1;"></div>
<div draggable="false" class="noselect" style="position: absolute; margin-left: 110px; margin-top: 250px; width: 129.75px; height: 30px; background-color: rgb(210, 49, 128); border-radius: 30px; pointer-events: none; display: block; opacity: 1;"></div>
<div draggable="false" class="offLightTap" style="position: absolute; margin-left: 209.75px; margin-top: 248px; width: 35px; height: 35px; background-color: rgb(238, 238, 238); border-radius: 35px; cursor: pointer; display: block; opacity: 1;"></div>
Screenshot_24.png