Question

我的网络应用程序中有一个下拉列表。此下拉列表是用户定义的（不使用<select>元素）。在这个下拉列表中有一个向下箭头。此箭头是通过在绝对定位的span上使用背景图像来创建的。此span标记阻止了下拉列表的click事件。因此，我已将pointer-events:none添加到span代码中。添加此功能后，它可以在Edge浏览器中随处可用。 Edge支持pointer-event: none吗？如果没有，Edge中pointer-event: none的替代方案是什么。

以下是我使用的代码：

<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;
}

Answer 1

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

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

FocusEvent序列是：模糊，聚焦，聚焦，聚焦。

和无重复测试：

#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 Windows的第一个版本是在Windows 10 Build 10049中引入的。自Windows 10 Build 10240以来，一直支持指针事件。

<强>参考

Microsoft Edge中的CSS指针事件失败

1 个答案: