Heim > Web-Frontend > js-Tutorial > Beispiel für die Verwendung von JavaScript-Delegierten (Delegate) zum Verwischen und Fokussieren, Analyse_Javascript-Fähigkeiten

Beispiel für die Verwendung von JavaScript-Delegierten (Delegate) zum Verwischen und Fokussieren, Analyse_Javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:57:39
Original
1359 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Verwendung von Javascript-Delegat (Delegate) für Unschärfe und Fokus. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Opera (9.5b) kann nicht für alle Fokus- und Unschärfeereignisse zweimal korrekt ausgelöst werden
Daher können Handler für Fokus- und Unschärfeereignisse an die Erfassungsphase des Ereignisses delegiert werden.

Beispiel 1 (Listenklasse):

Code kopieren Der Code lautet wie folgt:

  1. Listenelement 1

                                                                                   ;                                                                                                   ;                                                                                                


  2. Andere Listenelemente



Beispiel 2 (Formularklasse):


Andere Formularelemente



Was wir hier überwachen, ist der äußerste Ol-Block. Wenn wir Unschärfe- und Fokusereignisse verwenden, gilt dies nur für den gesamten Ol. Wie gehen wir also mit den Fokus- und Unschärfeereignissen der Steuerelemente im Inneren um?
Die Verarbeitungsmethode ist wie folgt:

IE-Verarbeitung:


Code kopieren Der Code lautet wie folgt:$('list').onmouseover = handleMouseOver; $('list').onmouseout = handleMouseOut;
$('List').onfocusin = handleMouseOver;
$('List').onfocusout = handleMouseOut;


kann auch in der folgenden Form geschrieben werden:


Code kopieren Der Code lautet wie folgt:$('list').attachEvent('onfocusout',handleMouseOut, wahr);
Wenn Sie Parameter übergeben möchten, können Sie eine Zwischenfunktion hinzufügen, z. B.


Code kopieren Der Code lautet wie folgt:$('list').attachEvent('onfocusout',function( event, myparams ){handleMouseOut(event, myparams);},true);
FF-Verarbeitung:


Code kopieren Der Code lautet wie folgt:$('list').addEventListener('focus',handleMouseOver, wahr); $('list').addEventListener('blur',handleMouseOut,true);

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage