javascript - キャンバスからドラッグすると、ページが選択されます

Question

現在、KineticJSを使用してWebアプリケーションを作成しています。これには、キャンバスへのドラッグアンドドロップが含まれます。マウスをキャンバス内に置いたままにすると、完全に正常に機能します。

ただし、マウスの左ボタンを押したままキャンバスを離れると、ページ上のすべてが選択されます。そのイベントを何らかの方法で傍受することは可能です。明らかにonselectは別のものです：p

Answer 1

私はcanvas要素をdivにカプセル化し、次にイベントハンドラーをdivに割り当てました。divは次のようにページのレイアウトの100％をカバーします。

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

また、blur（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;