Ok, pregunta simple:Prevenir javascript onclick el elemento hijo
<div onclick="javascript:manualToggle(this)">
<span>Allowed to click</span>
<span>Not allowed to click</span>
<span>Allowed to click</span>
</div>
Sin replicar el manualToggle a los 2 tramos que están autorizados para hacer clic, ¿cómo puedo evitar que el "No se permite hacer clic en" periodo de cocción Es un evento div clic en el padre cuando se hace clic en?
Hace falta un controlador de eventos (es muy fácil de hacer esto en algo así como jQuery) que las capturas clics de los tramos dentro del div y sólo se activa la función si, por ejemplo, , el lapso tiene/no tiene una clase particular.
Posible solución: dar de identificación de la envergadura y comprobar si se permite que la identificación se ha hecho clic a hacer clic en su función
mala idea: que no sabe qué lapso se hace clic, ya que llama a la función de su div ...
con mootools se puede utilizar el método stopPropagation:
$('myChild').addEvent('click', function(ev){
ev.stopPropagation(); // this will prevent the event to bubble up, and fire the parent's click event.
});
ver http://mootools.net/docs/core/Native/Event#Event:stopPropagation
también ver esta pregunta muy similar: How can I stop an onclick event from firing for parent element when child is clicked?
Dar el lapso de un identificador de un adjuntar evento onclick al mismo y utilizarlo
Una muestra jQuery
$("#spn2").click(function(event){
event.stopPropagation();
});
event.stopPropagation(): detiene el burbujeo de un evento de elementos primarios, evitando cualquier controlador de matrices de ser notificado del evento.
Es el voto negativo para una respuesta de jQuery – rahul
Fui por algo similar, pero no con StopPropagation. (No he votado nada en esta pregunta ...) – Paul
Hay una diferencia entre una respuesta correcta y una solución que funcionó. Esta es en realidad una respuesta correcta a esta pregunta. ¡Gracias! – jmilloy
No tendría sentido utilizar una biblioteca, pero sin que pueda probar esto (editada con una página entera para probar):
<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>
yay, Downvote una respuesta perfectamente válida (y trabajo)! – knittl
downvote prolly para la biblioteca js que usted sugiere, al igual que Phoenix que sugieren jQuery – Natrium
usando librerías es la forma más fácil (y más compatible con el navegador) – knittl