Bagaimana untuk mengelakkan acara menggelegak dalam javascript

Kaedah: 1. Gunakan kaedah stopPropagation() untuk melarang, tetapi tidak akan menghalang tingkah laku lalai, sintaks "event.stopPropagation()" 2. Gunakan kaedah kembali untuk melarang, sambil menghalang lalai tingkah laku, sintaks "function() {return false}".

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.

Cara menghalang acara menggelegak dalam JavaScript

Dalam JS asli, terdapat dua kaedah utama untuk objek acara (peristiwa);

Yang pertama adalah untuk melumpuhkan menggelegak, dan yang kedua adalah untuk menghalang kelakuan lalai

Nota: Ini ialah kaedah JS asli, bukan kaedah jQuery Parameter acara boleh menjadi sebarang pembolehubah. seperti Anda juga boleh menggunakan e;

    ele.onmouseover=function(event){
        event=event||window.event;
        if(event.stopPropagation){
            event.stopPropagation();//标准留言器中禁止冒泡；
            // preventDefault中文意思是阻止默认行为；
        }else{
            e.cancelBubble=true;//IE浏览器禁止冒泡；IE678
        }
    }

1 Melarang kejadian menggelegak

    ele.onmouseover=function(event){
        event=event||window.event;
        if(event.stopPropagation){
            event.stopPropagation();//标准留言器中禁止冒泡；
            // preventDefault中文意思是阻止默认行为；
        }else{
            e.cancelBubble=true;//IE浏览器禁止冒泡；IE678
        }
    }

2 >

Perbezaan.

return false bukan sahaja menghalang acara daripada menggelegak, tetapi juga menghalang acara itu sendiri.

    ele.onmouseover=function(){
        return false
    }

event.stopPropagation() hanya menghalang acara daripada menggelegak, tetapi tidak menghalang acara itu sendiri.

Organisasi:

1.event.stopPropagation();

Semasa pemprosesan acara, acara menggelegak dihalang, tetapi lalai tidak disekat Gelagat (lompat hiperpautan boleh laku)

2.return false;

Semasa pemprosesan acara, acara menggelegak dihalang dan tingkah laku lalai juga dihalang ( Jangan lakukan lompatan hiperpautan ) Terdapat juga satu yang berkaitan dengan menggelegak:

Fungsinya ialah: semasa pemprosesan acara, ia tidak menyekat acara menggelegak, tetapi menyekat tingkah laku Lalai (ia hanya melaksanakan semua pop- ke atas kotak, tetapi tidak melaksanakan lompatan hiperpautan)

[Cadangan berkaitan:

event.preventDefault();

tutorial video javascript

,

bahagian hadapan web

]

Atas ialah kandungan terperinci Bagaimana untuk mengelakkan acara menggelegak dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!