用於拖放的跨瀏覽器CSS 遊標
為了增強必須抓取背景的JavaScript Web 應用程式中的用戶體驗如果若要移動整個螢幕，則必須變更遊標以指示抓取操作。雖然 -moz-grab 和 -moz-grabbing CSS 遊標適用於 Firefox，但它們對其他瀏覽器的支援有限。
跨瀏覽器解決方案
幸運的是，其他瀏覽器有等效的遊標：
<code class="css">.grabbable {
cursor: move; /* fallback if grab cursor is unsupported */
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}</code>如果不支援「抓取」遊標，此程式碼將套用「行動」遊標作為後備，後面接著Firefox 的供應商特定遊標（-moz -grab) 和WebKit 瀏覽器(-webkit-grab)。
抓取與抓取
要在拖曳操作期間提供更動態的視覺回饋，您可以選擇應用「閉手」遊標：
<code class="css">.grabbable:active {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}</code>當使用者主動抓取背景時，此程式碼將遊標變更為“抓取”，表示螢幕正在移動。
透過實現這些 CSS 遊標，您可以在各種瀏覽器中創建一致且直覺的拖放體驗。
以上是如何實現跨瀏覽器CSS遊標拖放？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
