IE 11指针事件覆盖

Question

我试图覆盖包含div的指针事件属性.到目前为止,除了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都会忽略内联项目（如标签）上的指标事件属性。只需将display属性切换到其他任何属性，它就可以正常运行。