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

ras*_*soh 11 html javascript canvas mouseevent

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

那太好了!

Phr*_*ogz 21

使用pointer-events:noneCSS属性(首先在SVG中实现,在通往HTML的过程中)允许您关闭元素的命中检测.

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

这是此属性正在进行的CSS3参考.

另请参阅此问题:IE的CSS pointer-events属性替代方案.