>  기사  >  웹 프론트엔드  >  IE, Chrome, FF 등과 호환되는 선택한 텍스트를 비활성화합니다._jquery

IE, Chrome, FF 등과 호환되는 선택한 텍스트를 비활성화합니다._jquery

WBOY
WBOY원래의
2016-05-16 17:23:391146검색
코드 복사 코드는 다음과 같습니다.

$(el).attr('unselectable',' on')
.css({'-moz-user-select':'-moz-none',
'-moz-user-select':'none',
'-o-user -select':'none',
'-khtml-user-select':'none', /* 이것을 클래스에 넣을 수도 있습니다 */
'-webkit-user-select':'none ',/ * 대신 여기에 CSS 클래스를 추가하세요 */
'-ms-user-select':'none',
'user-select':'none'
}).bind(' selectstart', function(){ return false; });

위 분석에 따르면 필요한 선택한 텍스트 비활성화 영역의 CSS를 설정할 수 있습니다. 예:
코드 복사 코드는 다음과 같습니다.

.table {
텍스트 정렬: 중앙;
높이: 39px;
moz-user-select: -moz-none; -select: none
-o-user-select:none
-khtml-user-select:none /* 이것을 클래스에 넣을 수도 있습니다. */
-webkit-user-select :none;/ * 여기에 CSS 클래스를 추가하세요 */
-ms-user-select:none
user-select:none;/***/
}

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.