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

Question

有一个小按钮，点击时会显示一些额外的内容。当等选择它，我点击快或超过一次，显示了内容标记更多：

时的jQuery的显示效果动画完成这个选择消失。黑色箭头指向按钮。

任何想法为什么有这个选择，以及如何避免它？

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; 
}