首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

js判断是否是子元素

文本俺将跟大家介绍,如何判断一个当前点击的元素,是否是指定元素的子元素。 解决思路: 俺给父元素指定了一个id,并使用这个循环检查当前元素是否属于它的子元素。...:当前元素是否是被筛选元素的子元素 jQuery.fn.isChildOf = function(b){ return (this.parents(b).length > 0); }; //判断:当前元素是否是被筛选元素的子元素或者本身...方法三: const isDescendant = (el, parentId) => { let isChild = false if (el.id === parentId) { //判断是否是其本身...' if (isDescendant(event.target, parentId)) { //处理是子元素的情况 } else { //处理不是子元素的情况 } }) while...循环中,俺使用赋值运算符=进行迭代,直到不再有父节点,本例中为el.parentNode返回null时, while循环结束。

10.7K00

判断元素是否视窗之内

本文作者:IMWeb elvin 原文出处:IMWeb社区 未经同意,禁止转载 作为一名前端工程师我们经常需要判断目标元素是否视窗之内或者和视窗的距离小于一个值(例如 100 px),从而实现一些常用的功能...那么仔细想一想,其实在浏览器渲染的时候,它就知道了元素是否视窗之内,自身面积有多少视窗之内。...下图是使用 Element.getBoundingClientRect() 进行计算实现的效果,可以看到有非常明显的卡顿,主要是因为需要对每一个元素都进行计算,判断它们是否视窗之内。...如果一个元素视窗之内的话,那么它一定满足下面四个条件: top 大于等于 0 left 大于登录 0 bottom 小于等于视窗高度 right 小于等于视窗宽度 考虑到不同浏览器的兼容性,可以写出来如下的函数用于判断元素是否视窗之内...target'))); // true or false Intersection Observer API 注册回调 Intersection Observer 即重叠观察者,从这个命名就可以看出它用于判断两个元素是否重叠

2.1K20
领券