Question

我需要防止在画布的某些位置点击。例如;下面的画布。在（0,250） - （0,300）之间坐标为（x，y），如果用户点击此间隔中的任何地方，则不会发生任何事情。

<script>

window.onload = function(){
    document.getElementById('lbltipAddedComment').innerHTML = '  ';
    var canvas = document.getElementById("myCanvas");
    var context = canvas.getContext("2d");
}
</script>

<div id="ccontainer">
<canvas id="myCanvas" width="800" height="500"></canvas>   
</div>

Answer 1

画布本身不响应点击。它需要代码才能这样做。因此，默认情况下，在整个画布上禁止单击。您的代码将使其能够对点击做出反应。因此，只需编写代码，以便按照您希望的方式对点击做出反应。

一种简单的方法是在画布上放置一个透明的html元素（使用CSS定位它）。设置一个点击处理程序，可能使用JQuery，因此当单击该透明元素时，它会执行您想要的操作。

在画布上禁止点击

1 个答案: