【问题标题】:Avoid createjs to intercept click on canvas避免 createjs 拦截点击画布
【发布时间】:2017-04-07 20:40:15
【问题描述】:

我在网页顶部创建了一个画布。画布对于某些对象是透明的。在画布下有一些不属于 createjs 阶段的按钮。

我想让那个按钮工作,因为画布区域在按钮上方(画布透明),所以我不能点击按钮。

有没有办法禁用鼠标处理或可以将事件传递给 createjs 画布下的对象? 请查看图像,圆形灰色按钮不可点击,因为画布在按钮上方(即使是透明的)。我无法调整画布的大小。

【问题讨论】:

  • 你试过把canvas元素的z-index改成负数吗?
  • 如何更改画布的 z-index?我知道如何与孩子们一起做。无论如何,在这种情况下,画布是否会被底层对象覆盖?
  • 不起作用。我正在寻找一些禁用拦截鼠标事件的属性,但我在文档中找不到。

标签: javascript createjs tweenjs


【解决方案1】:

您是否研究过 CSS 指针事件? http://caniuse.com/#feat=pointer-events

IE (pre-11) 没有很好地支持它,它会阻止 Canvas 本身的任何内部交互,但如果你在 Canvas 上没有交互元素,它可以为你工作。

【讨论】:

  • 不起作用。它也使基础对象上的任何点击都被禁用。
  • 我看到了演示。但是在画布上使用 createjs 会使您的解决方案无法正常工作。
  • 添加了 EaselJS 舞台和形状。由于pointer-events,该形状无法接收单击事件。 jsfiddle.net/lannymcnie/qent2q7p/2
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-12-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多