javascript - plantillas - ¿Es posible evitar que el navegador siga el enlace cuando se activa el clic del elemento secundario?

plantillas divi

Question

Esto es lo que tengo básicamente:

<a href="http://somelink.com">
    <span>stuff</span>
    <span onclick="AwesomeFunction();">more stuff</span>
    <span>the last stuff</span>
</a>

Ahora, el problema es que quiero mantener al padre como un enlace pero si el usuario hace clic en el lapso con el evento onclick no quiero que el navegador siga el enlace.

He intentado

event.stopPropagation();

pero eso solo parece detener el lanzamiento de los enlaces onclick event, o estoy haciendo algo mal.

Actualmente estoy en una especie de crunch mode y no quiero pasar demasiado tiempo reescribiendo el código que genera este HTML, pero todavía no puede ser un hack ya que se implementa en una función bastante vital del sitio. Cualquier ayuda apreciada.

Answer 1

<a href="http://somelink.com">
    <span>stuff</span>
    <span onclick="AwsomeFunction(); return false;">more stuff</span>
    <span>the last stuff</span>
</a>

Answer 2

seguro, solo devuelve falso en el clic

algo como

<a href="somwhere" onclick="return false;">nothing happens</a>

Answer 3

¡Haga que el método de javascript devuelva falso!

O también puede usar event.preventDefault() lugar de event.stopPropagation()