So stoppen Sie das Sprudeln und verhindern das Standardverhalten des Browsers in js

 <br>

Ereigniskompatibel

function myfn(e){ var evt = e ? e:window.event; }

js hören auf zu sprudeln

function myfn(e){
window.event? window.event.cancelBubble = true : e.stopPropagation();
}

js verhindern Standardverhalten

function myfn(e){
window.event? window.event.returnValue = false : e.preventDefault();
}

Verhindern Sie das Methode zum Blasen

w3c ist e.stopPropagation(), und IE verwendet e.cancelBubble = true

stopPropagation ist auch eine Methode des Ereignisobjekts (Event). Die Funktion besteht darin, das Blasenereignis des Zielelements zu verhindern, verhindert jedoch nicht das Standardverhalten. Was ist ein sprudelndes Ereignis? Wenn ein „Klick“-Ereignis an eine Schaltfläche gebunden ist, wird das „Klick“-Ereignis wiederum in seinem übergeordneten Element ausgelöst. stopPropagation verhindert, dass Ereignisse vom Zielelement zum übergeordneten Element gelangen. Zum Beispiel: ·

<div id=&#39;div&#39; onclick=&#39;alert("div");&#39;>
<ul onclick=&#39;alert("ul");&#39;>
<li onclick=&#39;alert("li");&#39;>test</li>
</ul>
</div>

Das obige , die Demo sieht wie folgt aus: Wenn wir auf Test, Alert("li"), Alert("ul"), Alert("div") klicken. Wird nacheinander ausgelöst, handelt es sich um ein Ereignis, das sprudelt.

• Blasenbildung testen

Blasenbildung verhindern

window.event? window.event.cancelBubble = true : e.stopPropagation();

• Blubbern stoppen

Standardverhalten verhindern

Die w3c-Methode ist e.preventDefault(), IE verwendet e.returnValue = false;

preventDefault, eine Methode des Ereignisobjekts (Event), deren Funktion darin besteht, das Standardverhalten eines Zielelements abzubrechen. Da es sich um ein Standardverhalten handelt, muss das Element natürlich ein Standardverhalten haben, bevor es abgebrochen werden kann. Wenn das Element selbst kein Standardverhalten hat, ist der Aufruf natürlich ungültig. Welche Elemente haben Standardverhalten? Zum Beispiel Link , Senden-Schaltfläche usw. Wenn cancelable des Ereignisobjekts „false“ ist, bedeutet dies, dass es kein Standardverhalten gibt. Auch wenn es ein Standardverhalten gibt, funktioniert der Aufruf von „preventDefault“ nicht.

Wir alle wissen, dass die Standardaktion von Link darin besteht, zur angegebenen Seite zu springen:

//假定有链接<a href="http://caibaojian.com/" id="testA" >caibaojian.com</a>
var a = document.getElementById("testA");
a.onclick =function(e){
if(e.preventDefault){
e.preventDefault();
}else{
window.event.returnValue == false;
}
}

return false

javascripts return false verhindert nur das Standardverhalten, aber die Verwendung von jQuery verhindert sowohl das Standardverhalten als auch das Sprudeln des Objekts.

Im Folgenden wird natives js verwendet, das nur das Standardverhalten verhindert und nicht aufhört zu sprudeln

<div id=&#39;div&#39;  onclick=&#39;alert("div");&#39;>
<ul  onclick=&#39;alert("ul");&#39;>
<li id=&#39;ul-a&#39; onclick=&#39;alert("li");&#39;><a href="http://caibaojian.com/"id="testB">caibaojian.com</a></li>
</ul>
</div>
var a = document.getElementById("testB");
a.onclick = function(){
return false;
};

Das Folgende ist eine Demonstration mit jQuery, um sowohl das Standardverhalten zu verhindern als auch das Sprudeln zu stoppen

//code from 
<div id=&#39;div&#39;  onclick=&#39;alert("div");&#39;>
<ul  onclick=&#39;alert("ul");&#39;>
<li id=&#39;ul-a&#39; onclick=&#39;alert("li");&#39;><a href="http://caibaojian.com/"id="testC">caibaojian.com</a></li>
</ul>
</div>
$("#testC").on('click',function(){
return false;
});

: Stoppen Sie das Sprudeln und verhindern Sie das Standardverhalten

• caibaojian.com

Zusammenfassung der Verwendung

Wenn Sie das Blasenverhalten stoppen müssen, können Sie dies tun verwenden

function stopBubble(e) { 
//如果提供了事件对象，则这是一个非IE浏览器 
if ( e && e.stopPropagation ) 
    //因此它支持W3C的stopPropagation()方法 
    e.stopPropagation(); 
else 
    //否则，我们需要使用IE的方式来取消事件冒泡 
    window.event.cancelBubble = true; 
}

Wenn Sie das Standardverhalten verhindern müssen, können Sie

//阻止浏览器的默认行为 
function stopDefault( e ) { 
    //阻止默认浏览器动作(W3C) 
    if ( e && e.preventDefault ) 
        e.preventDefault(); 
    //IE中阻止函数器默认动作的方式 
    else 
        window.event.returnValue = false; 
    return false; 
}

Ereignis-Aufmerksamkeitspunkte

1. Ereignis stellt den Status dar des Ereignisses, wie z. B. das Auslösen der Elemente des Ereignisobjekts, Mausposition und -status, gedrückte Tasten usw.;

2. Ereignisobjekt ist nur während des Ereignisses gültig.

Die Ereignisse in Firefox unterscheiden sich von denen im IE. Die Ereignisse im IE sind globale Variablen und können jederzeit verwendet werden. Die Ereignisse im Firefox können nur durch Parameterführung verwendet werden. und sind zur Laufzeit temporäre Variablen. <br/> Im IE/Opera ist es window.event, in Firefox ist es event und das Objekt des Ereignisses ist window.event.srcElement im IE, in Firefox ist es event.target, beide sind in Opera verfügbar.

1. Die folgenden zwei Sätze haben die gleiche Wirkung:

function a(e){
var e = (e) ? e : ((window.event) ? window.event : null); 
var e = e || window.event; // firefox下window.event为null, IE下event为null
}

 <br/>

Das obige ist der detaillierte Inhalt vonSo stoppen Sie das Sprudeln und verhindern das Standardverhalten des Browsers in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!