Имитация щелчка мышью по диапазону ввода в HTML

Question

Я сталкиваюсь с проблемой, когда мне приходится симулировать щелчок по элементу ввода диапазона в HTML. Я думал, что это будет легко сделать, так как сам метод работает с любым другим элементом. Однако ввод range не работает.

Метод симулирует щелчок по заданным координатам

function simulateClick(x, y) {
    let clickEvent = document.createEvent('MouseEvents');
    clickEvent.initEvent('click', true, true);
    let element = document.elementFromPoint(x, y);
    element.dispatchEvent(clickEvent);

    let marker = document.createElement('div');
marker.style.width = '4px';
    marker.style.height = '4px';
    marker.style.position = 'fixed';
    marker.style.backgroundColor = 'black';
    marker.style.pointerEvents = 'none';
    marker.style.left = x + 'px';
    marker.style.top = y + 'px';
    document.body.appendChild(marker);
}

Пожалуйста, посмотрите эту скрипку https://jsfiddle.net/3eqmzoLk/

После выполнения кода черная точка имитирует щелчок, и маркер диапазона должен переместиться в нужное положение, однако это не работает.