Rumah > hujung hadapan web > tutorial js > JavaScript menghalang contoh menggelegak acara kemahiran sharing_javascript

JavaScript menghalang contoh menggelegak acara kemahiran sharing_javascript

WBOY
Lepaskan: 2016-05-16 16:24:11
asal
1072 orang telah melayarinya

Saya menghadapi masalah acara menggelegak sebelum ini, dan saya mencari dalam talian kebanyakan hasil adalah kod yang sama, dan ia tidak lancar apabila saya menyiarkannya. Apabila ia datang kepada FF, anda boleh menggunakan e.stopPropagation( , yang entah bagaimana saya tidak berjaya. Walau bagaimanapun, saya mendapati bahawa FF menyokong kaedah penulisan e.cancelBubble = true;, yang boleh dilaksanakan selepas ujian. Hanya siarkan kod di sini untuk menyelamatkan anda mencarinya kemudian. Keserasian versi sebelumnya IE belum diuji lagi. Kami akan memperbaikinya apabila ia digunakan.

Salin kod Kod adalah seperti berikut:

//Batalkan acara menggelegak
fungsi stopBubble(e) {
var evt = (e) ? e : window.event;//Serasi dengan FF
evt.cancelBubble = true; //evt.stopPropagation(); };

Juga:

1. cancelBubble (Atribut objek Acara HTML DOM): Jika pengendali acara ingin menghalang acara daripada menyebar ke objek yang mengandungi, atribut ini mesti ditetapkan kepada benar.

2. stopPropagation (kaedah objek Acara HTML DOM): Menamatkan acara daripada disebarkan lagi dalam peringkat tangkapan, pemprosesan sasaran atau menggelegak proses penyebaran. Selepas memanggil kaedah ini, pengendali untuk acara pada nod ini akan dipanggil dan acara tidak lagi akan dihantar ke nod lain.

3. preventDefault (kaedah objek Acara HTML DOM) memberitahu penyemak imbas untuk tidak melakukan tindakan lalai yang dikaitkan dengan acara tersebut.

Contoh:

Fungsi stopBubble(e)

Jika (e && e.stopPropagation)
e.stopPropagation()
        lain
               window.event.cancelBubble=true
}  

Letakkan fungsi stopBubble(e) ini ke dalam fungsi yang anda mahu menghalang acara menggelegak untuk mengelakkan acara menggelegak

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