阻止js事件执行

田

发布于 2021-11-08 11:35:18

7.3K0

发布于 2021-11-08 11:35:18

文章被收录于专栏：IT杂症

问题来自群里的一位骚年@い♂壹惢; 他的问题是：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;或者给我发邮件也行点击邮我

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2015年12月22日，如有侵权请联系 cloudcommunity@tencent.com 删除

javascript