阻止js事件执行 - 成长小破站

问题来自群里的一位骚年@い♂壹惢;
他的问题是：a下有一个checkbox
a上绑定着两个事件：看代码；
想要点击a的同时阻止tan()和href:javascript的执行;

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Event Propagation</title>
    <meta charset="UTF-8">
    <style>a{color:#08e;}</style>
    <script>
function stopEvent(ev) { 
  ev.stopPropagation();
  alert("阻止了 ~！气死你 标签a");
}
function load() {
  elem = document.getElementById("c1");
  elem.addEventListener("click", stopEvent, false);
}
function tan(){
alert("如果你能看到我，说明我没有被阻止!")
}
</script>
</head>
<body onload="load();">
    <a  href="javascript:alert('邪恶的javascript:')" onclick="tan()" >
        click
        <input id="c1" type="checkbox"/>
    </a>
</body>
</html>

不过使用stopPropagation只能阻止 onclick的tan()方法；不能阻止href:javascript的alert()方法;
目前还没有找到解决方案；哪位仁兄如果找到了可以@627911903;或者给我发邮件也行
点击邮我