右键单击元素时禁用当前单词的选择答案

【问题标题】：Disable selection of current word when right-clicking on an element右键单击元素时禁用当前单词的选择
【发布时间】：2018-04-23 19:27:07
【问题描述】：

我已启用右键单击元素，如下所示：

<div class=my-content (contextmenu)="openContextMenu($event)">

在我的处理程序中，我添加了必要的命令来告诉它不要打开浏览器的上下文菜单：

openContextMenu( $event ) {
  // do my thing, and then:

  $event.preventDefault();
  $event.stopPropagation();
  return false;
}

不幸的是，浏览器会选择我点击的单词，这会破坏用户体验。 Safari 和 Chrome 都会出现这种情况。

如何告诉浏览器不要突出显示我点击的单词？

【问题讨论】：

为什么不直接使用带有特定上下文菜单标识符的html5属性contextmenu？
单词会在单击时突出显示吗？看看这个，如果你觉得有用的话。 stackoverflow.com/questions/7018324/…

标签： angular

【解决方案1】：

你可以只使用 ::selection css 伪元素

::-moz-selection {
    color: black; /* your text colour */
    background: transparent;
}

::selection {
    color: black;
    background: transparent;
}

在 ::selection 之前，您可以像这样指定 css 选择器：

p::selection {}

【讨论】：

【解决方案2】：

一种方法是禁用对特定元素或类的文本选择。为此，您可以使用简单的 CSS。 May Be This Can Help You

【讨论】：