处理双击事件选择快照 svg 文本

Question

我正在为我的项目使用 snapsvg，在该项目中我出于某种目的处理 dblclick 事件（比如浏览器 window 警报）。那是当我点击 svg canvas 时，弹出警报。问题是当我点击 canvas 时，canvas 上的一些文本也被选中，我不希望它发生。

有什么办法可以摆脱它吗？

这是重现相同问题的 code on JsFiddle。单击 canvas 上的任意位置并观察选中的文本。

Answer 1

仅向组添加双击事件处理程序

let canvas = Snap('#Canvas');
let g1 =canvas.g();
g1.add(canvas.rect(10,10,50,50).attr({fill:'#9abdce'}));
g1.add(canvas.text(15,25,"Rect1"));

g1.dblclick((function(event){
    alert("Using double click for something else");
}))

Answer 2

根据 Alexandr Kiseloy 的建议，我在 css 文件中添加了 #Canvas { user-select: none; }，它解决了我的问题。