小编Jus*_*Qn4的帖子

我有一个带有一些文字的svg

编辑:这是我的svg上的所有元素,以实现我需要的效果

<g id="top">
<path ....>
</g>
<g id="bottom">
<path ....>
</g>
<g id="boxes">
<rect ....>
</g>
<g id="txt">
<text transform="matrix(1 0 0 1 50 30)" class="svgtxt">TEXT</text>
</g>

目前,如果我将鼠标悬停在"TEXT"字上,我可以选择它.

我试图找到一种方法,使其不能被选择,使用CSS,JQuery(如下),但似乎没有任何工作.我也找不到类似的东西.

CSS

.svgtxt{
  -webkit-touch-callout: none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none;
}

JQUERY

$('#txt text').onmousedown = function() { return false; };

有任何想法吗？

提前致谢.