css 선택한 텍스트 더블 클릭 취소

617 단어 css
노드 트리의 부모 노드를 눌렀을 때 손이 너무 빨라서 자주 두 번 눌렀을 때 브라우저는 두 번 눌렀던 텍스트를 기본적으로 선택합니다. 이런 느낌은 좀 좋지 않습니다.
이때user-select:none;속성
호환성에 문제가 있기 때문에 쓸 때 고려해야 한다.
div{
    -moz-user-select:none;/*  */
    -webkit-user-select:none;/*webkit   */
    -ms-user-select:none;/*IE10*/
    -khtml-user-select:none;/*     */
      user-select:none;
}

이렇게 하면 이 구역의 문자가 선택되지 않을 것이다.
또 다른 방법은 상응하는 원소에onselectstart="returnfalse;"
4
이렇게 해도 선택되지 않는 효과를 실현할 수 있다.만약 상술한 방법을 바디에 쓰면 사용자가 페이지의 내용을 선택하지 못하게 하는 효과가 실현된다.

좋은 웹페이지 즐겨찾기