Perwakilan JavaScript (Perwakilan) kabur dan memfokuskan kemahiran analisis_javascript penggunaan

Contoh dalam artikel ini menerangkan penggunaan javascript delegate (Delegate) blur dan focus. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Opera (9.5b) tidak boleh mencetuskan dua kali dengan betul untuk semua acara fokus dan kabur
Oleh itu, pengendali untuk acara fokus dan kabur boleh diwakilkan kepada fasa tangkapan acara.

Contoh 1 (kelas senarai):

Salin kod Kod adalah seperti berikut:

1. Senaraikan item 1
   
   
                                                                                                                            ;                                                                                                                                                  ;                                                                                                                                                
   
   

Item senarai lain

Contoh 2 (kelas tingkatan):

Salin kod Kod adalah seperti berikut:

Item borang lain

Apa yang kami pantau di sini ialah blok paling luar Jika kami menggunakan acara kabur dan fokus, ia hanya untuk keseluruhan ol, jadi bagaimana untuk menangani peristiwa fokus dan kabur kawalan di dalam?

Kaedah pemprosesan adalah seperti berikut:

Pemprosesan IE:

Salin kod Kod adalah seperti berikut:$('list').onmouseover = handleMouseOver; $('list').onmouseout = handleMouseOut;

$('Senarai').onfocusin = handleMouseOver;

$('List').onfocusout = handleMouseOut;


juga boleh ditulis dalam bentuk berikut:

Salin kod Kod adalah seperti berikut:$('list').attachEvent('onfocusout',handleMouseOut, benar);

Jika anda ingin lulus parameter, anda boleh menambah fungsi perantaraan, seperti

Salin kod Kod adalah seperti berikut:$('list').attachEvent('onfocusout',function( acara, myparams ){handleMouseOut(event, myparams);},true);

Pemprosesan FF:

Salin kod Kod adalah seperti berikut:$('list').addEventListener('focus',handleMouseOver, benar); $('list').addEventListener('blur',handleMouseOut,true);

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.