jQuery判断当前点击位置是否非指定元素区域

最新推荐文章于 2023-11-20 10:21:54 发布

原创最新推荐文章于 2023-11-20 10:21:54 发布 · 1w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery学习

jQuery学习专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的JavaScript代码片段，用于实现点击特定ID元素时添加或移除CSS样式。通过监听文档点击事件并检查目标元素ID来判断是否为指定元素，进而控制样式的变化。

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

“`
$(document).click(function(e){

        var spanDatebox = $('#date').next('.datebox');
        var idValue = $(e.target).attr("id");  //获取当前点击区域对象的id值

        if(idValue == "dateLabel"){  
            spanDatebox.addClass("focus");
        }else if(idValue == undefined || idValue != "dateLabel"){   //不在该dateLabel点击区域内
            spanDatebox.removeClass("focus");
        }
     })

“`重点内容

代码解读：当点击区域的id是dateLabel进行加载焦点样式，反之移除该样式。
e.target可以获取到当前点击的element对象