如何解决处理双击事件选择 snap svg 文本
我正在将 snapsvg
用于我的项目,在该项目中我出于某种目的(例如浏览器窗口警报)处理 dblclick
事件。那是当我在 svg 画布上小鸡时,警报弹出。问题是当我点击画布时,画布上的一些文本也会被选中,这是我不希望发生的。
任何想法如何摆脱它?
这是重现相同问题的 code on JsFiddle。单击画布上的任意位置并观察选中的文本。
解决方法
仅将 dbl 单击事件处理程序添加到组
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");
}))
按照 Alexandr Kiseloy 的建议,我在 css 文件中添加了 #Canvas { user-select: none; }
,它解决了我的问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。