Jquery 事件执行两次

最新推荐文章于 2021-05-08 12:02:49 发布

weixin_34352005

最新推荐文章于 2021-05-08 12:02:49 发布

阅读量407

点赞数

文章标签： javascript ViewUI

本文探讨了JavaScript中使用jQuery绑定点击事件时出现的重复触发问题，并提供了具体的解决方案。通过对比return false与event.stopPropagation()的区别，说明如何有效地阻止事件冒泡。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js(jquery)的on绑定点击事件执行两次的解决办法—不是事件绑定而是事件冒泡

阻止冒泡的方法并不止 return false 这一种，还有event.stopPropagation()，这两种方法是有区别的，简单来说：
event.stopPropagation()会阻止事件往上冒泡，但是并不阻止事件本身；
return false 则是既阻止了事件往上冒泡又阻止了事件本身。

修改前

    $(".project_select").change(function () {

        var checkText=$(".project_select").find("option:selected").text();
        //alert(checkText);

        if (checkText == '请选择') {
            return false;
        }




       });

修改后

    $(".project_select").unbind('change').change(function () {

        var checkText=$(".project_select").find("option:selected").text();
        //alert(checkText);

        if (checkText == '请选择') {
            return false;
        }

       });