我可以使用画布禁用每个鼠标交互以与底层对象进行交互吗？

Question

假设我有一个图形效果，我希望覆盖HTML-Text。此元素不应干扰网站的可用性，它不会有任何交互目的。 是否可以在某个html对象上禁用所有鼠标交互，例如在画布上，这样我仍然可以与底层对象进行交互（点击链接，选择文本......）？

那太好了！

Answer 1

使用pointer-events:none CSS property（在SVG中首先在HTML中实现）允许您关闭元素的命中检测。

在撰写本文时，这是非标准的，仅在浏览器的子集中受支持。 （Firefox和Safari / Chrome，但不是Opera或IE。）除此之外，没有办法做到这一点。

这是此属性的in-progress CSS3 reference。

另请参阅此问题： CSS pointer-events property alternative for IE。