jQuery判断当前事件触发元素是不是自己？

作者：管理员 2017-07-17 12:03:54 分类：JavaScript 阅读（12672） 2

在做项目中很多时候我们需要判断这个东西，比如一个页面多个自定义下拉框，判断点击事件是在哪个下拉框上，然后去展开当前下拉，其它下拉框全部收缩，然后还要判断当点击页面其它元素时候也要收缩当前下拉框

当然，想实现上述这种需求方案有多重，如下：通过return方式，点击当前下拉框时候在function最后一步return false，然后点击document文档去隐藏所有下拉框。说白了，就是通过阻止事件冒泡，点击到的这个下拉框区域不向外冒泡到document去触发document事件。但这种方式是不可取的，因为最外面文档是共用的，一旦其它相关的元素也触发了点击事件，那么势必也会向外冒泡。

html页面

1	<div class="del">按钮</div>

js代码

1
2
3
4
5

$(".del").click(function(e) {
if (e.target.className=="del"){
$(e.target).css("color","green");
};
});

本站所有文章、图片、资源等如无特殊说明或标注，均为来自互联网或者站长原创，版权归原作者所有；仅作为个人学习、研究以及欣赏！如若本站内容侵犯了原著者的合法权益，可联系我们进行处理，邮箱：343049466@qq.com

赞(10) 打赏

标签：

上一篇：利用纯css实现五星好评带点击滑入交互

下一篇：浅谈对JavaScript中的闭包的理解及常见应用场景

jQuery判断当前事件触发元素是不是自己？

html页面

js代码

相关推荐

共 2 条评论关于"jQuery判断当前事件触发元素是不是自己？"

点击取消