我正在编写一些代码，试图在每次重新加载时更改游标，只使用javascrip. 我用的是Math.Ranular，因为我有13种不同的光标(这是吉卜力主题)
它适用于缺省设置，因为我在html元素上更改了它
但我也希望所有的指针都能改变. 为了清楚起见，在每次重新加载时，我需要放入一组两个游标:一个用于默认游标，另一个用于悬停/指针游标
而我似乎做不到.
从整体上看，光标没有不同的状态(就像它是一种对象)，但元素有类(像<a>元素)，可以将光标图像更改为指针.
我不能覆盖<a>基本状态.
下面是我的rn代码(我是一名学生，所以可能不是很好):
let cursor = Math.floor(Math.random() * 13);
console.log(cursor);
const urlDefault = `url('cursors/Click${cursor}.svg')`;
const urlGrab = `url('cursors/Grab${cursor}.svg')`;
document.querySelector("html").style.cursor = urlDefault + ", default";
let liens = document.querySelectorAll("a");
let i = 0
while (i<liens.length) {
liens[i].addEventListener('mouseover', () => { document.querySelector("html").style.cursor = urlGrab + ", pointer"; })
liens[i].addEventListener('mouseleave', () => { document.querySelector("html").style.cursor = urlDefault + ", default"; })
i++;
}