Question

我有以下内容：

  <span style="float:left; padding-right: 5px;">
    <span class="noselect" style="display:block;">Harvard</span>
    <span>John Smith</span>
  </span>

  <span style="float:left; padding-right: 5px;">
    <span class="noselect" style="display:block;">Chicago</span>
    <span>Tucker Max</span>
  </span>

  <span style="float:left; padding-right: 5px;">
    <span class="noselect" style="display:block;"></span>
    <span>Rihanna</span>
  </span>

  <span style="float:left; padding-right: 5px;">
    <span class="noselect" style="display:block;">NYU</span>
    <span>Peter Simpson</span>
  </span>

CSS：

.noselect{
-webkit-user-select: none !important;  /* Chrome 49+ */
user-select: none !important;          /* Likely future */
}

现在我禁用了spans与大学的可选择性。这有效。但是，当我选择一个用户甚至多个用户，然后将其粘贴到其他地方时，大学也会被复制。

如何禁用此功能？我希望用户无法复制大学名称，但只能复制用户名。这也是有意义的，因为只有用户可以为用户选择。

除了HTML＆amp; CSS我正在使用React＆amp; electron，如果这应该有任何帮助。这就是为什么我只针对chrome，而不是ff或ie等。

PS：这个"possible duplicate"的解决方案对我不起作用。我的文字不可选，但是当我粘贴它时，文字比我看到的更多。

在网站上启用复制粘贴，但阻止包含某些元素

0 个答案: