изменение фона при перемещении мыши - PullRequest
0 голосов
/ 16 октября 2018

я не могу изменить фон, вот мой код

const projectList = document.querySelector('.project-list');
projectList.addeventListener('mosemove', (e) => {
  projectList.style.backgroundColor = "rgb(" + e.offsetX + "," + e.offsetY + "40)";
})
.project-list {
  width: 100vw;
  height: 100vh;
  background: #f2f2f2;
}
<body>
  <div class="project-list"></div>
</body>

1 Ответ

0 голосов
/ 16 октября 2018

У вас есть опечатка в названии события.Это должно быть mousemove вместо mosemove.Вы также забыли запятую перед значением 40 в функции rgb.

var projectList = document.querySelector('.project-list');
projectList.addEventListener('mousemove', e => {
    projectList.style.backgroundColor = "rgb("+e.offsetX+","+e.offsetY+",40)";
});

Для быстрого теста это должно работать.Но, как уже упоминалось в комментариях, это не будет работать хорошо, потому что offsetX и offsetY будут давать значения выше 255.Вы можете использовать оператор остатка, если хотите обработать это (например, offsetX % 255).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...