通过

在 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 开始设计。

解决方案

若要修改此行为，请使用 onmouseover 和 onmouseout 事件，如下所示：

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