Rumah hujung hadapan web html tutorial Gunakan topeng DIV untuk menyelesaikan masalah kotak pilihan tidak sah yang dipilih terus oleh tetikus_HTML/Xhtml_Pengeluaran halaman web

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

May 16, 2016 pm 04:37 PM
div topeng

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara menggunakan css untuk menyedari bahawa div tiada sudut Cara menggunakan css untuk menyedari bahawa div tiada sudut Jan 30, 2023 am 09:23 AM

Kaedah CSS untuk menyedari bahawa div tiada sudut: 1. Buat fail sampel HTML dan tentukan div 2. Tetapkan warna latar lebar dan ketinggian untuk div 3. Tambah kelas pseudo pada div yang perlu dipadamkan; sudut, dan tetapkan kelas pseudo kepada Gunakan warna yang sama dengan warna latar belakang, kemudian putarkannya 45 darjah, dan kemudian letakkannya ke sudut yang perlu dialih keluar.

Pelaksanaan skrip pelayar terjemahan penanda perkataan berdasarkan API ChatGPT Pelaksanaan skrip pelayar terjemahan penanda perkataan berdasarkan API ChatGPT May 01, 2023 pm 03:28 PM

Prakata Baru-baru ini, terdapat skrip pelayar berdasarkan ChatGPTAPI di GitHub, openai-translator Dalam tempoh yang singkat, bintang itu telah mencapai 12k Selain menyokong terjemahan, ia juga menyokong fungsi penggilap dan ringkasan -in, ia juga menggunakan pembungkusan tauri Jika anda mempunyai klien desktop, selain daripada fakta bahawa tauri menggunakan bahagian karat, bahagian pelayar masih agak mudah untuk dilaksanakan Hari ini kami akan melaksanakannya secara manual. Antara muka yang disediakan oleh openAI, sebagai contoh, kita boleh menyalin kod berikut dan memulakan permintaan dalam konsol penyemak imbas untuk melengkapkan terjemahan //Const constOPENAI_API_KEY="s

Apakah model kotak div Apakah model kotak div Oct 09, 2023 pm 05:15 PM

Model kotak div ialah model yang digunakan untuk reka letak halaman web Ia menganggap elemen dalam halaman web sebagai kotak segi empat tepat Model ini mengandungi empat bahagian: kawasan kandungan, padding, sempadan dan margin. Kelebihan model kotak div ialah ia boleh mengawal reka letak halaman web dengan mudah dan jarak antara elemen Dengan melaraskan saiz kawasan kandungan, jidar dalam, jidar dan jidar luar, pelbagai kesan susun atur boleh dicapai model kotak juga menyediakan beberapa Sifat dan kaedah boleh mengubah gaya dan tingkah laku kotak secara dinamik melalui CSS dan JavaScript.

Apakah perbezaan antara iframe dan div Apakah perbezaan antara iframe dan div Aug 28, 2023 am 11:46 AM

Perbezaan antara iframe dan div ialah iframe digunakan terutamanya untuk memperkenalkan kandungan luaran, yang boleh memuatkan kandungan dari tapak web lain atau membahagikan halaman web kepada berbilang kawasan Setiap kawasan mempunyai konteks penyemakan imbas bebasnya sendiri, manakala div digunakan terutamanya untuk membahagikan dan mengatur kandungan untuk reka letak dan kawalan gaya.

Apakah perbezaan antara div dan span? Apakah perbezaan antara div dan span? Nov 02, 2023 pm 02:29 PM

Perbezaannya ialah: 1. div ialah elemen peringkat blok, dan span ialah elemen sebaris; 2. div akan secara automatik menduduki baris, manakala span tidak akan secara automatik membalut; span digunakan untuk membalut Teks atau elemen sebaris lain 4. div boleh mengandungi unsur peringkat blok dan unsur sebaris lain, dan span boleh mengandungi unsur sebaris lain.

Petua jQuery: Kuasai cara menambah tag dalam div Petua jQuery: Kuasai cara menambah tag dalam div Feb 23, 2024 pm 01:51 PM

Tajuk: Petua jQuery: Kuasai kaedah menambah tag pada div Dalam pembangunan web, kita sering menghadapi situasi di mana kita perlu menambah tag secara dinamik pada halaman. Anda boleh menggunakan jQuery untuk memanipulasi elemen DOM dengan mudah dan mencapai fungsi penambahan label yang pantas. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk menambah teg dalam div, dan melampirkan contoh kod tertentu. 1. Kerja penyediaan Sebelum menggunakan jQuery, anda perlu memperkenalkan perpustakaan jQuery ke dalam halaman Anda boleh memperkenalkannya melalui pautan CDN atau memuat turunnya ke halaman ini.

Cara mudah untuk menambah elemen div dengan jQuery Cara mudah untuk menambah elemen div dengan jQuery Feb 19, 2024 pm 09:03 PM

Teknik penambahan elemen jQuerydiv yang ringkas dan mudah difahami jQuery ialah salah satu perpustakaan JavaScript yang biasa digunakan dalam pembangunan bahagian hadapan Ia menyediakan kaedah yang mudah untuk mengendalikan elemen DOM dan boleh menambah, memadam, mengubah suai dan fungsi lain elemen halaman dengan cepat. Apabila menggunakan jQuery, kita selalunya perlu mengendalikan elemen div Perkara berikut akan memperkenalkan beberapa teknik mudah dan mudah difahami untuk menambah elemen div dan menyediakan contoh kod tertentu. 1. Cipta dan tambah elemen div baharu

Bagaimana untuk memaparkan dua div sebelah menyebelah Bagaimana untuk memaparkan dua div sebelah menyebelah Nov 01, 2023 am 11:36 AM

Kaedahnya ialah: 1. Tetapkan dua elemen div kepada atribut "float:left;" 2. Gunakan susun atur fleksibel CSS untuk memaparkan elemen bersebelahan dengan mudah.

See all articles