Heim > Web-Frontend > js-Tutorial > So lösen Sie ein übergeordnetes Fensterelementereignis im Iframe aus

So lösen Sie ein übergeordnetes Fensterelementereignis im Iframe aus

php中世界最好的语言
Freigeben: 2018-04-26 10:31:46
Original
2651 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie iframe das übergeordnete Fensterelement-Ereignis auslösen kann. Was sind die Vorsichtsmaßnahmen, damit iframe das übergeordnete Fensterelement-Ereignis auslöst? . Werfen wir einen Blick darauf.

Zum Beispiel definiert das übergeordnete Fenster ein Ereignis.

top:

$(dom1).bind('topEvent', function(){});
Nach dem Login kopieren

Wie lösen also die Elemente im Iframe das Ereignis des übergeordneten Fensters dom1 aus? Ist das so?

$(dom1, parent.
document
).trigger('topEvent');
Nach dem Login kopieren

Es scheint richtig, aber es ist tatsächlich irreführend.

Da das

jquery-Objekt des übergeordneten Fensters und das jquery-Objekt im Iframe tatsächlich zwei Objekte (Funktionen) sind, löst die jquery im iframe kein weiteres jquery-Objekt aus definierte Ereignisse. Es sei denn, Sie definieren es so in iframe:

iframe:

self.$ = parent.$;
Nach dem Login kopieren

Die Lösung ist also sehr einfach:

parent.$(dom1,parent.doucment).trigger('topEvent');
Nach dem Login kopieren

Rufen Sie einfach die übergeordnete Abfrage auf das Ereignis ausführen.

Es wird gesagt, dass iframe keine JQuery-Dateien mehr importieren muss. Es reicht aus, die gleiche JQuery mit dem übergeordneten Fenster zu teilen. Dies ist sehr umweltfreundlich.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Implementierung zum Umschalten der Tab-Tab-Scroll-Navigation (mit Code)

jQuerys einfachste Implementierung der Tab-Option Switch

Das obige ist der detaillierte Inhalt vonSo lösen Sie ein übergeordnetes Fensterelementereignis im Iframe aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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