Javascript 拖出画布会导致选择页面

Javascript 拖出画布会导致选择页面,javascript,html,canvas,drag-and-drop,kineticjs,Javascript,Html,Canvas,Drag And Drop,Kineticjs,目前,我正在使用KineticJS创建一个web应用程序,其中包括在画布上拖放。当你把鼠标放在画布上时,它工作得非常好 但是,如果您离开画布,按下鼠标左键,您将选择页面上的所有内容。有可能以某种方式拦截该事件。显然,onselect是另外一个东西:p我将canvas元素封装到一个div中,然后将事件处理程序分配到该div中,该div覆盖了页面布局的100%,如下所示: <div class="fillPage"> <canvas id="Viewport"><

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


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

我将canvas元素封装到一个div中,然后将事件处理程序分配到该div中,该div覆盖了页面布局的100%,如下所示:

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

啊,非常感谢你的评论!然而,在我的情况下,这是不可能做到的。在DE网站上有内容,画布就在这个内容的中间。所以我确实希望内容是可选择的,而不是当你放下鼠标离开画布时。也许我可以和用户选择一点,结合onmouseout的选择!我不知道CSS.hm,你也可以尝试阻止鼠标离开画布时触发的mousedown事件,itI可能有一些js函数,我想我会考虑阻止事件传播。如果在鼠标向下移动后但在鼠标向上移动前离开画布,则用户正在拖动。我想我应该截取鼠标,在画布上截取鼠标,在文档上截取鼠标移动。如果我设置的标志表明我不希望事件被传递,我会尝试使用preventDefault终止它。我不确定它会起作用。在试图实现类似反向的情况下,因为IE不知道“指针事件:无”CSS规则。
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;