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