在 Internet Explorer 9 及更高版本中按下鼠标按钮时,光标样式不会更改

警告

已停用、不受支持的 Internet Explorer 11 桌面应用程序在某些版本的 Windows 10 上已通过 Microsoft Edge 更新永久禁用。 有关详细信息,请参阅 Internet Explorer 11 桌面应用停用常见问题解答

本文介绍了在 Internet Explorer 9 及更高版本中,当鼠标按钮保持按下状态时悬停在 DOM 元素上的光标样式不变化的问题,及其解决方法。

原始产品版本: Internet Explorer 9 及更高版本
原始 KB 数: 2743603

现象

在 Internet Explorer 9 及更高版本中,如果鼠标按钮在某个 DOM 元素上按下并保持按住状态,然后移动至该元素之外,悬停在该 DOM 元素上的光标样式将被忽略。 如果一个网页实现了DragAndDrop功能,并使用光标样式来可视化放置区域是否允许放置,那么可能会观察到这种情况。

仅当 <div> 标签按如下方式实现时,才会发生此行为:

<div style="cursor: wait;"></div>

如果你位于此div区域之外,并且按下鼠标按钮并在移动到该区域时保持按下状态,则光标进入该区域后不会更改。

原因

此行为的设计始于 Internet Explorer 9。

决议

若要修改此行为,请使用 onmouseoveronmouseout 事件,如下所示:

<div onmouseover="this.style.cursor='wait'" onmouseout="this.style.cursor='pointer'" ></div>