Okay, eine einfache Frage:
<div onclick="javascript:manualToggle(this)">
<span>Allowed to click</span>
<span>Not allowed to click</span>
<span>Allowed to click</span>
</div>Ohne Replizieren der manualToggle auf die 2 Spans, die erlaubt sind, klicken, wie kann ich verhindern, dass die "Nicht erlaubt zu klicken" span von Auslösen es übergeordnete div onclick-Ereignis, wenn es angeklickt wird?
Geben Sie der Spanne eine ID und fügen Sie ihr ein onclick-Ereignis hinzu und verwenden Sie
Ein jQuery-Beispiel
$("#spn2").click(function(event){
event.stopPropagation();
});event.stopPropagation() : Stoppt die Weitergabe eines Ereignisses an übergeordnete Elemente und verhindert, dass übergeordnete Handler über das Ereignis informiert werden.
Ich habe mich für etwas Ähnliches entschieden, aber nicht mit stopPropagation. (Ich habe in dieser Frage nichts abgelehnt...)
Es wäre sinnvoll, eine Bibliothek zu verwenden, aber ohne können Sie dies versuchen (bearbeitet mit einer ganzen Seite zu testen):
<html><head></head>
<body>
<script type="text/javascript"><!--
function manualToggle(val)
{
alert(val.id);
}
--></script>
<div id="test" onclick="manualToggle(this);">
<span>Allowed to click</span>
<span onclick="event.cancelBubble=true;if (event.stopPropagation) event.stopPropagation();">Not allowed to click</span>
<span>Allowed to click</span>
</div>
</body>
</html>
Ich hatte gerade das gleiche Problem und konnte jQuery nicht zum Laufen bringen, also habe ich einfaches Javascript verwendet:
document.getElementById("your_span").addEventListener("click", (event) => {
event.stopPropagation();
});Das hat bei mir gewirkt. Offensichtlich müssen Sie die addEventListener auf jedes Element, auf das Sie dies anwenden wollen. Da ich eine Menge von DOM-Manipulation war dies nicht ein Problem für mich. Hoffentlich hilft dies jemandem :)
Mit mootools können Sie die Methode stopPropagation :
$('myChild').addEvent('click', function(ev){
ev.stopPropagation(); // this will prevent the event to bubble up, and fire the parent's click event.
});siehe http://mootools.net/docs/core/Native/Event#Event:stopPropagation
siehe auch diese sehr ähnliche Frage: Wie kann ich ein onclick-Ereignis für das übergeordnete Element auslösen, wenn Kind angeklickt wird stoppen?
Downvote prolly für die js-Bibliothek, die Sie vorschlagen, genau wie phoenix, die jQuery vorschlagen
CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.
