Rumah > hujung hadapan web > tutorial js > Bagaimana Saya Boleh Memantau Peristiwa onLoad dalam Pop-up Dibuat Menggunakan window.open?

Bagaimana Saya Boleh Memantau Peristiwa onLoad dalam Pop-up Dibuat Menggunakan window.open?

Patricia Arquette
Lepaskan: 2024-10-24 13:35:31
asal
255 orang telah melayarinya

How Can I Monitor the onLoad Event in Pop-ups Created Using window.open?

Memantau Acara onLoad dalam Windows Pop Timbul Dibuat dengan window.open

Mengesan acara onLoad dalam tetingkap yang dibuka menggunakan window.open memberikan cabaran dalam pelbagai penyemak imbas. Kod berikut cuba melaksanakan ini, tetapi gagal:

window.popup = window.open($(this).attr('href'), 'Ad', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0');
$(window.popup).onload = function()
{
    alert("Popup has loaded a page");
};
Salin selepas log masuk

Penyelesaian

Untuk berjaya menangkap acara onLoad, kaedah berikut disyorkan:

1. addEventListener

Untuk pelayar moden, gunakan kaedah addEventListener seperti berikut:

var myPopup = window.open(...);
myPopup.addEventListener('load', myFunction, false);
Salin selepas log masuk

2. attachEvent (untuk IE)

Jika menyokong Internet Explorer adalah penting, gunakan kaedah attachEvent:

myPopup[myPopup.addEventListener ? 'addEventListener' : 'attachEvent'](
  (myPopup.attachEvent ? 'on' : '') + 'load', myFunction, false
);
Salin selepas log masuk

Awas untuk Sokongan IE

Menyokong IE boleh menyusahkan. Jika boleh, pertimbangkan untuk mengelakkannya atau melaksanakan penyelesaian khusus untuk keserasian IE.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Memantau Peristiwa onLoad dalam Pop-up Dibuat Menggunakan window.open?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan