Gunakan topeng DIV untuk menyelesaikan masalah kotak pilihan tidak sah yang dipilih terus oleh tetikus_HTML/Xhtml_Pengeluaran halaman web-html tutorial-php.cn

Gunakan topeng DIV untuk menyelesaikan masalah kotak pilihan tidak sah yang dipilih terus oleh tetikus_HTML/Xhtml_Pengeluaran halaman web

WBOY

Lepaskan： 2016-05-16 16:37:04

asal

1403 orang telah melayarinya

Semasa proses pembangunan bahagian hadapan, saya menghadapi situasi yang memerlukan pemeriksaan Untuk kemudahan operasi pengguna, acara klik diletakkan pada DIV. (Knockout.js digunakan)

Kod ini kira-kira seperti berikut:

Salin kod

kod adalah seperti berikut:

Sila semak saya jika anda mempunyai sebarang soalan< ;/span>

Tetapi terdapat fenomena aneh apabila menulis seperti ini.

Tetapi bukan perkara biasa untuk menanda kotak semak secara langsung dengan tetikus:

Kotak pilihan berada dalam keadaan tidak ditanda dan tetikus mengklik terus kotak semak untuk menyemak pada masa ini, perkara berikut harus dicapai: 1. Laksanakan acara clickevent div 2. , selepas acara dilaksanakan, kotak semak berada dalam keadaan yang ditandai.

Tetapi keputusan akhir ialah kotak pilihan masih tidak ditanda.

Hasil penjejakan dan penyahpepijatan ialah apabila acara clickevent dilaksanakan, kotak semak masih dalam keadaan yang ditandai, tetapi selepas clickevent dilaksanakan, pelaksanaan kod jquery dimasukkan Selepas dua atau tiga langkah, kotak semak ditukar kepada keadaan Tidak dipilih.

Sebabnya masih belum ditemui. (Kotak radio yang digunakan di tempat lain mempunyai situasi yang sama)

Tiada cara lain selain mengatasinya dengan menutup kotak pilihan dengan lapisan div, supaya apabila tetikus mengklik, div diklik bukannya kotak semak. Melalui clickevent Tukar status kotak semak (terdapat kod untuk menukar status kotak semak dalam acara clickevent)

dilaksanakan seperti berikut:

Salin kod

Kod adalah seperti berikut:

< /div>

Sila tandakan saya jika anda mempunyai sebarang soalan

tetapkan dua atribut: position:absolute; z-index:1;

Atribut z-index bagi div pada lapisan atas adalah lebih besar daripada div pada lapisan bawah.

Atribut ID DIV di atas hanyalah untuk ilustrasi Dalam program umum, atribut kelas digunakan untuk menetapkannya.

Label berkaitan：

div 遮罩

sumber：php.cn

Artikel sebelumnya：Gunakan CSS untuk menetapkan lebar INPUT dalam pengeluaran halaman TD_HTML/Xhtml_Web Artikel seterusnya：Gunakan jquery untuk membaiki masalah kegagalan penambat halaman di bawah pengeluaran halaman iframe_HTML/Xhtml_Web

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