自制下拉框，点击其他地方隐藏，并正常触发操作

最新推荐文章于 2024-02-27 10:53:32 发布

重庆椰子鸡

最新推荐文章于 2024-02-27 10:53:32 发布

阅读量955

点赞数

CC 4.0 BY-SA版权

分类专栏：飞了一整天的废机

本文链接：https://blog.youkuaiyun.com/sinat_24317623/article/details/84339478

飞了一整天的废机专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的按钮点击事件处理程序。当按钮被点击时，它会切换自身的激活状态，并且在文档的其他地方点击时，所有按钮的激活状态将被清除。代码中展示了如何使用$(document).on()和$(document).one()来绑定事件，以及如何使用toggleClass()和removeClass()来改变元素的类。

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

jQuery

$(document).on("click","button",function(e){
    var $this = $(this);
    //$("button").not($this).removeClass("active");
    $this.toggleClass('active');
    $(document).one("click", function(){
        $this.removeClass("active");
    });
    //e.stopPropagation();
})