Adakah Terdapat Persamaan Pelayar Silang dengan Kursor `-moz-grab` dan `-moz-grabbing` untuk Fungsi Seret dan Lepas?

Barbara Streisand
Lepaskan: 2024-11-06 21:01:03
asal
520 orang telah melayarinya

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

Kursor CSS untuk Seret dan Lepas: Memanjangkan Keserasian

Apabila mereka bentuk aplikasi web yang melibatkan fungsi drag-and-drop, adalah penting untuk menyediakan pengalaman pengguna yang konsisten dan intuitif merentas pelayar yang berbeza. Walaupun kursor -moz-grab dan -moz-grabbing oleh Mozilla sesuai untuk menunjukkan operasi seret dan seret dalam Firefox, persoalannya masih ada: adakah kursor yang setara untuk penyemak imbas lain?

Untuk memastikan penyemak imbas silang keserasian, pertimbangkan untuk menggunakan kod CSS berikut:

<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>
Salin selepas log masuk

Dalam kod ini, penyemak imbas menggunakan kursor yang paling banyak disokong ('move') sebagai sandaran apabila kursor ambil tidak disokong. Kursor -moz-grab dan -webkit-grab disertakan untuk keserasian dengan pelayar berasaskan Mozilla dan WebKit (seperti Chrome dan Safari).

Atas ialah kandungan terperinci Adakah Terdapat Persamaan Pelayar Silang dengan Kursor `-moz-grab` dan `-moz-grabbing` untuk Fungsi Seret dan Lepas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!