警告
已停用、不受支持的 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>