我正在尝试构建绘画应用程序,但是遇到一个问题,如果您在绘画时从画布上拖出,它将选择页面上的内容。
如果用户需要,我希望页面上的内容是可选择的,但如果在画布上开始“拖动”,则不希望这样。有没有简单的方法可以做到这一点?
在Firefox和Chrome之间,Firefox似乎默认情况下会处理此问题,但Chrome不会。
简单地阻止默认行为的的mousedown
,当它发生在画布上的事件:
const canvas = document.getElementById( 'canvas' );
// We do handle this event
canvas.onmousedown = (e) => { e.preventDefault(); };
canvas.getContext('2d').fillText( 'start a drag from here', 20, 20 );
canvas { border: 1px solid; }
<p>don't select me when drag started from canvas</p>
<canvas id="canvas"></canvas>
<p>don't select me when drag started from canvas</p>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句