javascript - 谷歌翻译字体标签

Question

当我开始在我的网页上进行翻译时(右键单击 -> 翻译成英语)，然后单击我表单上的提交按钮，按钮中的文本成倍增加。我意识到谷歌翻译在我的按钮中用双字体标签包装文本，如果我多次点击按钮，文本将成倍增加。

这是翻译前的代码:

<button type="button" class="btn btn-success-ox btn-block btn-spin"> 
  Update app details
</button>

翻译后点击按钮 3 次:

<button type="button" class="btn btn-success-ox btn-block btn-spin">

  <font><font class="">
    Update app details
  </font></font>

  <font><font>
    Update app details
  </font></font>

  <font><font>
    Update app details
  </font></font>
</button>

我很感兴趣是否有办法拦截添加字体标签的函数，或者根本不添加字体标签？

Answer 1

将“notranslate”类添加到您希望阻止包含 Google <font> 的元素中标签:

<button type="button" class="btn btn-success-ox btn-block btn-spin"> 
  <span class="notranslate">Update app details</span>
</button>