Mengapa CSS Tidak Berlegar Berfungsi pada Peranti Mudah Alih?

Saling kendali CSS Hover pada Peranti Mudah Alih

Soalan:

Mengapa CSS tuding tidak berfungsi pada peranti mudah alih? Saya mempunyai kelas hover CSS yang berfungsi dengan lancar pada penyemak imbas desktop tetapi gagal dicetuskan pada peranti mudah alih.

Jawapan:

Css :hover pseudo-class bergantung pada peranti penunjuk yang membezakan antara "menunjuk" dan "memilih/mengaktifkan." Peranti mudah alih berasaskan sentuhan biasanya tidak mempunyai mekanisme penunjuk khusus, hanya menyediakan yang kedua. Selain itu, antara muka pen tertentu juga mengehadkan kefungsian kepada pengaktifan dan bukannya menunjuk.

Seperti yang dijelaskan oleh dokumentasi W3C, ":hover digunakan semasa pengguna menetapkan elemen (dengan beberapa peranti penunjuk), tetapi tidak mengaktifkannya. Pengguna ejen yang tidak menyokong media interaktif tidak perlu menyokong kelas pseudo ini."

Oleh itu, keserasian CSS berlegar pada peranti mudah alih bergantung pada peranti tertentu. Walau bagaimanapun, ia secara amnya dijangka tidak berfungsi kerana ketiadaan peranti penunjuk khusus. Adalah penting untuk mengelak bergantung semata-mata pada :hover untuk pengendalian acara pada peranti mudah alih. Dengan penggunaan peranti skrin sentuh yang semakin meningkat, ketersediaan acara penuding sahaja semakin berkurangan.

Atas ialah kandungan terperinci Mengapa CSS Tidak Berlegar Berfungsi pada Peranti Mudah Alih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!