Mengenai perbezaan antara kemahiran mouseover, mouseout, mouseenter, mouseleave_javascript

Baru-baru ini saya menghadapi masalah ini dalam peperiksaan dalam talian dan pusat membeli-belah: apabila tetikus meluncur ke atas, satu lapisan muncul Apabila tetikus meluncur ke lapisan semasa, alih tetikus dan tetikus keluar akan berkelip dalam pelayar versi rendah, terdapat banyak cara untuk menyelesaikan fenomena ini, tetapi saya fikir salah satu yang paling mudah ialah menggantikan mouseover dan mouseout dengan mouseenter dan mouseleave yang sepadan.

Peristiwa alih tetikus berlaku apabila penuding tetikus berada di atas elemen.

Acara ini paling kerap digunakan bersama-sama dengan acara keluar tetikus.

Nota: Tidak seperti acara tetikus, acara alih tetikus akan dicetuskan sama ada penuding tetikus melalui elemen yang dipilih atau sub-elemennya. Acara tetikus hanya dicetuskan apabila penuding tetikus melepasi elemen yang dipilih.

Nota: Tidak seperti acara mouseleave, acara mouseout akan dicetuskan sama ada penuding tetikus meninggalkan elemen yang dipilih atau mana-mana elemen anak. Peristiwa mouseleave hanya dicetuskan apabila penunjuk tetikus meninggalkan elemen yang dipilih. Lihat contoh di bawah untuk demonstrasi.

Peristiwa masuk tetikus berlaku apabila penuding tetikus melepasi elemen. Acara ini paling kerap digunakan bersama-sama dengan acara mouseleave.

Nota: peristiwa alih tetikus dan keluar tetikus juga akan dicetuskan apabila penuding tetikus melepasi elemen anak elemen yang dipilih. Semasa mengikat acara, kadangkala pepijat yang tidak dijangka mungkin disebabkan oleh peristiwa tetikus keluar tetikus

tetikus dan tetikus masuk

Acara alih tetikus akan dicetuskan apabila penuding tetikus melepasi elemen yang dipilih atau sub-elemennya.

Acara tetikus hanya akan dicetuskan apabila penuding tetikus melepasi elemen yang dipilih.

tetikus keluar dan tetikus pergi

Acara keluar tetikus akan dicetuskan sama ada penuding tetikus meninggalkan elemen yang dipilih atau mana-mana elemen anak.

Peristiwa mouseleave hanya akan dicetuskan apabila penunjuk tetikus meninggalkan elemen yang dipilih.