Html 按下鼠标时CSS光标更改不起作用

我在html元素上按住鼠标，更改光标。现在，如果用户在按下鼠标按钮的同时按下一个键，我将为元素指定另一个光标。这在Mozilla上运行得非常好，Mozilla会立即更改光标，但在chrome中不会。在chrome中，我需要移动光标至少一个像素，以使新光标可见。请注意，这仅在按下鼠标按钮时发生。否则，光标会根据需要立即切换。你知道如何正确解决这个问题吗

更新：我刚刚发现这似乎是WebKit中的一个bug：

但不管怎样，有没有办法让它在还没有解决方案的情况下继续工作

以下是未命中行为的示例：使用以下代码：

html:

---

这在chrome中对我有效，无需移动鼠标：

var el1 = document.getElementById("test1");
var el2 = document.getElementById("test2");

el1.addEventListener("mousedown", function() {
    el1.className += ' cursormove';  
});
document.addEventListener("keydown", function() {
    el1.style.cursor = "pointer";
});


.cursormove {cursor:move;}

---

还是我错过了什么？

喜欢做小提琴吗？向我们展示你的代码HTML/JS/CSSHave你尝试过用javascript添加或删除类吗？也。。为什么要使用内嵌样式？是的，我实际上是在用JS添加/删除类，但在这里添加了一个更简单的内联样式示例。我刚刚测试了你的代码，它对我来说是有效的，不需要移动光标。（Chrome）是的，它在Chrome下的JSFIDLE中工作！但是在没有JSFIDLE的Chrome下-有时是的，有时不是：（（在我的Chrome-66.0.3359.139中会发生什么？

var el1 = document.getElementById("test1");
var el2 = document.getElementById("test2");

el1.addEventListener("mousedown", function() {
    el1.style.cursor = "move";
});

document.addEventListener("keydown", function() {
    el2.style.cursor = "move";
});

var el1 = document.getElementById("test1");
var el2 = document.getElementById("test2");

el1.addEventListener("mousedown", function() {
    el1.className += ' cursormove';  
});
document.addEventListener("keydown", function() {
    el1.style.cursor = "pointer";
});


.cursormove {cursor:move;}