1

Web アプリケーションにドロップダウンがあります。このドロップダウンはユーザー定義です (<select>要素を使用しません)。このドロップダウン内には下向き矢印があります。この矢印は、絶対配置された の背景画像を使用して作成していますspan。このspanタグは、ドロップダウンのクリック イベントをブロックしています。pointer-events:noneということで、spanタグ付けさせていただきました。これを追加した後、どこでも正常に動作しますが、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;
}
4

1 に答える 1

0

根本的な原因である可能性のあるバグがいくつかあります。

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 ビルド 10049 で導入されました。ポインター イベントは、Windows 10 ビルド 10240 以降でサポートされています。

参考文献

于 2016-10-05T19:00:12.987 に答える