使用jQuery显示/隐藏内容时的奇怪div选择

Question

点击时会显示一个小按钮，显示一些额外的内容。当我快速点击或多次点击时，显示的内容会被标记为已选中：

当jquery show effect的动画结束时，此选择消失。黑色箭头指向按钮。

知道为什么会有这种选择以及如何避免它？

Answer 1

当您快速点击时，您可能会移动鼠标，这会让您选择项目。尝试使用

document.selection.empty();

和（不适用于所有浏览器）

window.getSelection().removeAllRanges();

清除选择。

来源：Clear a selection in Firefox

Answer 2

您也可以set the highlight-color与容器的背景相同，如果它确实被选中，您实际上不会注意到它？？

Answer 3

您还可以使用CSS来使按钮无法选择，这将禁用浏览器的文本选择。我不确定你的按钮css样式到底是什么样的，但是这样的东西应该可以工作：

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