javascript – 我可以禁用与画布的每个鼠标交互与底层对象交互?

前端之家收集整理的这篇文章主要介绍了javascript – 我可以禁用与画布的每个鼠标交互与底层对象交互?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我有一个图形效果,我想覆盖 HTML-Text.这个元素不应该干扰网站的可用性,它不会有任何互动的目的.
是否可以禁用某个html对象上的所有鼠标交互,例如在画布上,以便我仍然可以与基础对象进行交互(链接,选择文本,…)

那太好了!

解决方法

使用 pointer-events:none CSS property(在SVG中首先实现,通过HTML)允许您关闭元素的点击检测.

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

这是这个属性in-progress CSS3 reference.

另见这个问题:CSS pointer-events property alternative for IE.

猜你在找的JavaScript相关文章