Benötigen Sie Hilfe Mutter Onclick-Ereignis zu verhindern, wenn auf Kind div klicken

Question

Ich mag das Onclick-Ereignis Eltern wünschen, wenn klicken Sie auf Kind div zu verhindern:

<div onclick='parentClick()'> 
 
    <div onclick='childClick()'> 
 
    <div onlick='subchildClick()'> 
 
    </div> 
 
    </div> 
 
</div>

ich die childClick wollen () Funktion wird die subchildClick() Funktion tun, aber verhindern Sie die parentClick(). Wie geht das? Vielen Dank!

Answer 1

Verwenden Sie in Ihrer childClick Funktion event.stopPropagation(). Wie folgt aus:

function childClick(event) { 
    event.stopPropagation(); 
    // Other stuff 
} 

event.stopPropagation() verhindert, dass das Ereignis von der Fortsetzung des DOM zu sprudeln. Da Sie dies nur im Handler childClick aufrufen, wird das Ereignis von subChild weiterhin bis zum childClick Handler weitergegeben.

Answer 2

Sie sollten die stopPropagation-Methode des Ereignisses verwenden.

function example(event) { 
    event.stopPropagation(); 
}