Question

我无法更改背景，这是我的代码

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>

Answer 1

事件名称中有一个错字。它应该是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）。

更改mousemove的背景

1 个答案: