Question

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

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

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

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

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

不幸的是，浏览器正在选择我点击的单词，这会增加用户体验。这种情况在Safari和Chrome上都会发生。

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

Answer 1

您可以使用:: selection css伪元素

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

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

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

p::selection {}

Answer 2

一种方法是禁用特定元素或类的文本选择。这样做你可以使用简单的简单css。 May Be This Can Help You

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

2 个答案: