Bagaimanakah Saya Boleh Mencapai Gelagat Kursor Seret dan Lepas yang Konsisten Merentasi Penyemak Imbas?

Kursor CSS untuk Keserasian Seret dan Lepas Merentasi Penyemak Imbas

Apabila mereka bentuk aplikasi web JavaScript yang melibatkan menyeret dan menjatuhkan elemen pada skrin, ia adalah penting untuk memastikan kursor berubah dengan sewajarnya apabila melayang di atas objek yang boleh diseret. Pelayar Firefox Mozilla menyediakan kursor CSS khusus (-moz-grab dan -moz-grabbing) untuk tujuan ini.

Walau bagaimanapun, kursor ini eksklusif untuk Firefox. Untuk memberikan pengalaman pengguna yang konsisten merentas penyemak imbas yang berbeza, adalah perlu untuk mempertimbangkan alternatif.

Penyelesaian mudah ialah menggunakan kursor "move" standard sebagai sandaran dan menggabungkannya dengan -webkit-grab dan -moz -menangkap kursor. Ini memastikan bahawa pengguna dalam semua penyemak imbas melihat kursor yang sesuai semasa cuba menyeret dan mengalihkan elemen. Selain itu, anda boleh menyertakan kursor -moz-grabbing dan -webkit-grabbing secara pilihan untuk memaparkan kursor "tangan tertutup" semasa operasi seretan.

Coretan kod berikut menunjukkan pelaksanaan:

<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>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencapai Gelagat Kursor Seret dan Lepas yang Konsisten Merentasi Penyemak Imbas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!