JavaScript 切换饱和度 onKeyDown

Question

我有一个脚本，可以在按下某个键并提起该键时切换变量的值。我想知道如何更改它，而不是在按下键时更改变量值，而是屏幕上的饱和度会改变，当键被抬起时，饱和度将恢复到其原始值。如何才能做到这一点？ 脚本：

 let x = 1;
window.onkeydown = () => {
let x = 2;
};

window.onkeyup = () => {
 let x = 1;
}

css改变屏幕饱和度：filter: saturate(4);

澄清一下，当 keydown 函数发生而不是将变量 x 从 1 更改为 2 时，屏幕饱和度应该更改为 filter:saturate(4); 并且当键被抬起时，屏幕饱和度应该恢复正常。

Answer 1

您几乎可以在这些功能中做任何您想做的事情：

window.onkeydown = () => document.body.style.filter = "saturate(4)";
window.onkeyup = () => document.body.style.filter = "";