javascript - 我可以禁用与 Canvas 的每个鼠标交互以与底层对象交互吗?

标签 javascript html canvas mouseevent

假设我有一个图形效果,我想覆盖 HTML 文本。此元素不应干扰网站的可用性,它不会有任何交互目的。 是否可以禁用某个 html 对象上的所有鼠标交互,例如在 Canvas 上,以便我仍然可以与底层对象交互(点击链接、选择文本……)?

那太好了!

最佳答案

使用 pointer-events:none CSS property (首先在 SVG 中实现,然后再到 HTML)允许您关闭元素的命中检测。

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

这是 in-progress CSS3 reference对于此属性。

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

关于javascript - 我可以禁用与 Canvas 的每个鼠标交互以与底层对象交互吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4777634/

相关文章:

javascript - 带有 JS 的 TypeORM

html - parent 的盒子阴影必须忽略 child 的边距

jquery - 单个网站中的两个幻灯片放映不起作用

javascript - 获取图像的 Base64 编码的跨源问题

javascript - 如何在正文中获取调用 jquery 的 cdn 的脚本标记并在 jQuery 加载之前将其删除?

javascript - 需要 CryptoJS.SHA256 帮助

javascript - 在 Canvas 内移动矩形

javascript - 当 HTML 页面中有 BASE 标签时,SVG 渐变变黑?

Javascript:如何动态创建和合并文本节点?

javascript - 在 ng-if AngularJS 中使用 ng-repeat