javascript - 拖出画布会导致选择页面

Question

目前我正在使用 KineticJS 创建一个 Web 应用程序，其中包括在画布上拖放。当您将鼠标放在画布内时，它工作得非常好。

但是，如果您离开画布并按下鼠标左键，您将选择页面上的所有内容。有可能以某种方式拦截该事件。显然 onselect 是另外一回事：p

Answer 1

我将 canvas 元素封装到一个 div 中，然后将事件处理程序分配给该 div，该 div 覆盖了 100% 的页面布局，例如：

<div class="fillPage">
    <canvas id="Viewport"></canvas>
</div>

我还为模糊（page-leave）和以下 css 添加了事件处理程序：

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;