Question

我试图覆盖包含div的pointer-events属性。它适用于目前为止除IE 11之外的所有内容。据说，指针事件属性已添加到IE 11.出于某种原因，它不会覆盖它。

.divstyle {
    pointer-events: none;
}
.buttonstyle {
    pointer-events: auto;
}

<div class="divstyle">
    <table>
        <tr><td>
            <input type="button" class="buttonstyle" value="test">
        </td></tr>
        <tr><td>
            <!-- A BUNCH OF CONTENT THAT I DON'T WANT TO HAVE POINTER EVENTS -->
        </td></tr>
        <tr><td>
            <!-- AND ON AND ON -->
        </td></tr>
    </table>
</div>

整个div不允许指针事件，包括按钮。我认为既然div根本没有事件，IE支持属性指针事件，但是当我明确地设置孩子有事件时，由于某种原因它不会允许它。谢谢你的帮助！

Answer 1

我在IE11中遇到了相反的问题，我在父元素上设置pointer-events: none，但该元素内的链接仍在响应点击！事实证明，链接中的跨度为position: relative，这使得它忽略了父级的指针事件属性。

Answer 2

我相信这会解决您的问题：

https://coderwall.com/p/s8pjpg/reseting-pointer-events-on-ie11

所以，对于你的代码：

.divstyle {
    pointer-events: none;
}
.buttonstyle {
    pointer-events: auto;
    position: relative;
}

Answer 3

对于发现此问题的任何人 - IE11忽略内联项（如标记）上的指针事件属性。只需将显示属性切换为其他任何内容即可正常运行。

Answer 4

完美地使用嵌入式块.. 显示：inline-block;

即使按班级名称运行也很好

STARTED

IE 11指针事件覆盖

4 个答案: