Javascript IE 11指针事件覆盖

我正在尝试覆盖包含div的指针事件属性。它适用于除IE 11之外的所有内容。据推测，指针事件属性被添加到IE11中。由于某些原因，它不会覆盖

.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>

.divstyle{
指针事件：无；
}
.钮扣样式{
指针事件：自动；
}

---

整个div不允许指针事件，包括按钮。我认为，由于div根本没有事件，即支持属性指针事件，但是当我显式地将子级设置为具有事件时，出于某种原因它将不允许。谢谢你的帮助

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

因此，对于您的代码：

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

---

在IE11中，我遇到了相反的问题，我在父元素上设置了

指针事件：none

，但该元素中的链接仍在响应单击！事实证明，链接中的一个span具有

位置：relative

，这使得它忽略了父级的指针事件属性。

对于任何找到该属性的人，IE11忽略了内联项（如标记）上的指针事件属性。只需将display属性切换到任何其他属性，它就可以正常工作。

使用inline block可以完美地工作。。 显示：内联块

即使按类名也可以很好地工作

a.pa-description {
  pointer-events: none;
 cursor: default;
display: inline-block;
color: gray;
}

---

你应该改为使用触摸操作规则（）吗？不确定，这是在没有触摸屏的笔记本电脑上我有这个问题。将显示更改为内联块修复了这个问题。谢谢！修正了我的特殊问题