今天写项目的时候,使用了如下代码:
<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饼图实现
};