12345678910111213141516171819202122232425262728293031323334353637383940 |
- (() => {
- const timeSteps = 9; // excluding 0
- function getX(timeKey, maxWidth) {
- if(timeKey >= timeSteps)
- return maxWidth;
- return Math.floor(maxWidth / timeSteps) * timeKey;
- }
- console.log("scrollY", window.scrollY);
- const elem = document.querySelector("tp-yt-paper-progress#sliderBar");
- const rect = getOffset(elem);
- const x = getX(1, rect.width);
- const y = rect.top - rect.height / 2;
- console.log(x, y, rect);
- const evt = new MouseEvent("mousedown", {
- clientX: x,
- clientY: y,
- target: elem,
- bubbles: true,
- view: window,
- });
- elem.dispatchEvent(evt);
- function getOffset(el) {
- var _x = 0;
- var _y = 0;
- const rect = el.getBoundingClientRect();
- console.log("rect", rect);
- while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {
- _x += el.offsetLeft - el.scrollLeft;
- _y += el.offsetTop - el.scrollTop;
- el = el.offsetParent;
- }
- return { top: _y, left: _x, width: rect.width, height: rect.height };
- }
- })();
|