光标不是实时更新，而是仅在事件之后更新

Question

我正在研究拖放解决方案，但我不希望删除特定项目。为此，我在div中使用dragnot = "true"属性。

它有效，但是当用户在此dragnot div上拖动div时，我想将光标更改为not-allowed。但是光标只在之后更新了我删除了div，而不是我dragenter时。

我已经展示了JSfiddle。尝试将div A或div C移动到div B.你会看到光标在之后更改了你删除了div（如果没有看到光标变化，则再次将鼠标移到div B上）。

如何实时更改光标？