span标签的onclick事件失效解决方法

1,500 阅读1分钟

今天写项目的时候,使用了如下代码:

<a herf="">
<span onclick="Pie()">饼图显示</span>
</a>
function Pie(){
//echarts饼图实现
};

但是当我测试的时候,点击span元素并不能触发事件。 在stackoverflow上查到了解决方法:

<a href="http://the.url.com/page.html">
    <span onclick="Pie(); return false">Hide me</span>
</a>

测试成功√

但是我在查找资料的时候还发现了其他的解决方法,意思是因为冒泡机制,span上的方法向上冒泡,所以触发失败,在函数中组织事件冒泡,但这个方法我并没有测试成功,所以不太推荐使用。

function Pie(){
event.stopPropagation();
//echarts饼图实现
};