嵌套点击事件只执行第一次

如下点击“哈哈哈”的时候只触发f2也就是弹出2，不弹出1

<a onclick='f1()'><div><span onclick="f2(event)">哈哈哈 </span></div>1111111111</a>
<script type="text/javascript">
function f1(){
alert(1);
}
function f2(e){
alert(2);
if ( e && e.stopPropagation ) {
e.stopPropagation();
} else { 
window.event.cancelBubble = true;
}
}
</script>