> 웹 프론트엔드 > CSS 튜토리얼 > 드래그 앤 드롭 기능을 위한 `-moz-grab` 및 `-moz-grabbing` 커서에 해당하는 크로스 브라우저가 있습니까?

드래그 앤 드롭 기능을 위한 `-moz-grab` 및 `-moz-grabbing` 커서에 해당하는 크로스 브라우저가 있습니까?

Barbara Streisand
풀어 주다: 2024-11-06 21:01:03
원래의
583명이 탐색했습니다.

Are There Cross-Browser Equivalents to `-moz-grab` and `-moz-grabbing` Cursors for Drag and Drop Functionality?

드래그 앤 드롭용 CSS 커서: 호환성 확장

드래그 앤 드롭 기능이 포함된 웹 애플리케이션을 디자인할 때 다음을 제공하는 것이 중요합니다. 다양한 브라우저에서 일관되고 직관적인 사용자 경험을 제공합니다. Mozilla의 -moz-grab 및 -moz-grabbing 커서는 Firefox에서 드래그 시작 및 드래그 작업을 나타내는 데 이상적이지만 질문은 여전히 ​​남아 있습니다. 다른 브라우저에도 동등한 커서가 있습니까?

크로스 브라우저를 보장하려면 호환성을 보장하려면 다음 CSS 코드 사용을 고려하세요.

<code class="css">.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

/* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}</code>
로그인 후 복사

이 코드에서 브라우저는 잡기 커서가 지원되지 않을 때 대체 수단으로 가장 널리 지원되는 커서('이동')를 적용합니다. -moz-grab 및 -webkit-grab 커서는 각각 Mozilla 및 WebKit 기반 브라우저(예: Chrome 및 Safari)와의 호환성을 위해 포함되었습니다.

위 내용은 드래그 앤 드롭 기능을 위한 `-moz-grab` 및 `-moz-grabbing` 커서에 해당하는 크로스 브라우저가 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿