Блог

Когда я нажимаю кнопку, я хочу, чтобы курсор изменился на пользовательское изображение, используя URL-адрес, и после обновления или изменения страницы я хочу, чтобы она все еще была настроена.

Мой код:

 let cursor1 = document.getElementById("cursor1"); //my button
  

и я попробовал это:

 var sheet = (function () {
  // Create the <style> tag
  var style = document.createElement("style");
  style.appendChild(document.createTextNode(""));
  document.head.appendChild(style);
  return style.sheet;
})();
cursor1.onClick () => {
   sheet.insertRule("body { cursor: 'url(cursor3.png)', auto; }", 0);
}
  

Но это не работает вообще, то же самое с этим:

 cursor1.onclick = () => {
  localStorage.setItem("cursor", "url(cursor3.png), auto");
  location = self.location;
};

window.onload = function () {
  var body = document.getElementById("body");
  var cursor1 = localStorage.getItem("cursor");
  body.style.cursor = cursor1;
  window.location.reload;
};

  

Когда я делал что-то подобное, курсор менялся на пользовательский, но возвращался к умолчанию после обновления страницы:

CSS:

 html
{
    cursor: defau<
}
html.help
{
    cursor: url('cursor3.png');
}
  

JS:

 function change()
{
    $("html").toggleClass("help")
}