itanℒ 2019-08-10 09:49 采纳率: 64.1%
浏览 2343
已采纳

a标签里面的点击事件 点击以后 不让a标签执行（阻止冒泡）

图片说明

点击投票的时候 总是会执行a标签的跳转

图片说明

这三种方法都不管用，求赐教.

  • 写回答

3条回答 默认 最新

  • 一只成序源 2019-08-12 14:28
    关注
    <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <script type="text/javascript" src="jquery-1.11.0.js" ></script>
    <body>
        <a href="https://www.baidu.com" id="ahref">
        <div style="width: 200px ;height: 200px; border: 1px solid black;">
            <div id="baidu" style="width: 50px ;height: 50px; border: 1px solid black;">
                投票
            </div>
        </div>  
        </a>
    </body>
    <script>

        let isClickP=false;
        let isClickA=false;
        $("#baidu").on("click",function(){
            console.log("p被点击到");
            isClickP=true;
            setTimeout(()=>isClickP=false,0);
        })

        $("#ahref").on("click",function(){
          isClickA=true;
            if(isClickP&&isClickA){
                event.preventDefault();
            }
            setTimeout(()=>isClickA=false,0);
        })
    </script>
</html>

    效果好像是出来了..............

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？