css - Microsoft Edge 中的 CSS 指针事件失败

Question

我的 Web 应用程序中有一个下拉菜单。此下拉列表是用户定义的（不使用<select>元素）。在这个下拉列表中有一个向下箭头。这个箭头是通过使用绝对定位的背景图像创建的span。该span标签阻止了下拉菜单的点击事件。所以，我已经添加pointer-events:none到span标签中。添加后，它在任何地方都可以正常工作，但在 Edge 浏览器中。Edge 支持pointer-event: none吗？pointer-event: none如果没有， Edge中的替代方案是什么。

下面是我使用的代码：

<div class="multi-dd" id="multi_dd_ddlProfession" role="application" cascadesto="ddlDiscipline">
    <input class="multi-dd-txt" id="txtProf" role="combobox" aria-readonly="false" aria-describedby="spMultiExit" style="width: 260px;" aria-label="Multi Select Control Professions " type="text" readonly="readonly" value="Select All">
    <span class="nir"></span>
</div>

.nir{
    height: 28px; 
    margin-left: -30px;
    vertical-align: bottom;
    overflow: hidden;
    pointer-events: none;
}

score 0 · Accepted Answer

有一些错误可能是根本原因：

FocusEvent 序列应该是：focusout、focusin、blur、focus。

FocusEvent 序列为：blur、focusout、focus、focusin。

和无重复测试：

#testID {pointer-events: none;}

<ul>
  <li><a href="https://developer.microsoft.com">MS Dev</a></li>
  <li id="testID"><a href="http://example.com">example.com</a></li>
</ul>

Microsoft Edge 的第一个版本是在 Windows 10 Build 10049 中引入的。自 Windows 10 Build 10240 起就支持指针事件。

参考

css - Microsoft Edge 中的 CSS 指针事件失败

1 回答 1

Related

Reference