如何关闭画布上的焦点以允许鼠标单击其下方可见的项目

Question

Canvas 有一个 .focus() 方法，应该能够接受一个对象，例如：

myCanvas.focus({focusVisible: false});

执行时没有错误，但鼠标单击仍会在画布级别捕获。

focusVisible 定义为： 一个布尔值，应设置为 true 以强制显示元素已聚焦的指示。默认情况下，或者如果该属性不为 true，如果浏览器确定这将提高用户的可访问性，则仍可能提供可见的指示。

这并不是说它会像我想要的那样打开和关闭焦点，那么有什么方法可以允许鼠标单击击中透明画布下方的可见项目吗？

Answer 1

撒上一些CSS（首选）：

.my-canvas {
  pointer-events: none;
}

或者直接在JS中应用样式（不推荐）：

myCanvas.style.pointerEvents = 'none'