酒浓码浓 - 点a标签跳转/点a标签里的子元素不跳转

点a标签跳转/点a标签里的子元素不跳转

event.stopPropagation();阻止冒泡不生效？

错误例子：

<a href="http://blog.csdn.net/mx18519142864">

    <span onClick={ (event)=>{event.stopPropagation();} }>123</span>

</a>

实现效果为：点击123，方法会实现，但依然跳转..............

event.stopPropagation();针对的是函数 ，阻止的是父元素函数内的行为

 

正解：

<a onClick={ ()=>{ window.location.href = 'http://blog.csdn.net/mx18519142864'; } }>

    <span onClick={ (event)=>{event.stopPropagation();} }>123</span>

</a>

实现效果为：点a跳转，点a内的span实现方法不跳转