在构建2 html画布上禁用单击事件传播

Question

我有一个构建2游戏导出文件，其中我附加了一个html文件在它的顶部。我想禁用构建2游戏的动态生成的画布的触摸/单击事件，因为当我单击附加的html时，单击也会传播到游戏的画布元素。

我使用过event.stopPropagation()和event.preventDefault()函数，但都无济于事。

Answer 1

仅使用css作为pointer-events: none;

​

function func(){
console.log("clicked");
}

#myCanvas{
    border: 1px solid #000000;
    pointer-events: none;
}
#myCanvas2{
 border: 1px solid #000000;
}

<h2>With Css try to click me..</h2>
<canvas id="myCanvas" width="200" height="100" onclick="func()">
</canvas>


<h2>Without Css try to click me..</h2>
<canvas id="myCanvas2" width="200" height="100" onclick="func()">
</canvas>

​

Answer 2

在css属性pointer-events: none中添加

Answer 3

如果只是Construct2的问题，我会说add condition to over on click event，检查光标是否在激活画布事件的HTML元素上，如果是，就不激活。由于我不太确定问题是在哪里发生的，我就把它留在这里，希望它能有所帮助！