文章/答案/技术大牛

发布

问IE 11指针事件覆盖
EN

Stack Overflow用户

提问于 2014-11-04 00:12:27

回答 4查看 14.1K关注 0票数 9

我正在尝试覆盖包含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支持指针事件属性，但是当我显式地将子级设置为具有事件时，由于某种原因，它不允许这样做。谢谢你的帮助!

javascript

css

internet-explorer-11

pointer-events

回答 4

Stack Overflow用户

发布于 2018-05-31 03:38:19

对于任何找到它的人，- IE11会忽略内联项目的指针事件属性，比如标签。只需将display属性切换为其他任何值即可使其正常工作。

票数 8

Stack Overflow用户

发布于 2016-05-21 04:53:10

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

票数 7

Stack Overflow用户

发布于 2015-08-21 21:40:25

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

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

因此，对于您的代码：

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

票数 5

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26718261

复制

相似问题

问IE 11指针事件覆盖
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE 11指针事件覆盖EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE 11指针事件覆盖
EN