手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js检测两个元素是否产生交集

时间:2024-10-15 17:24:35

1、js代码如下:<衡痕贤伎script type="text/javascript">function collision(a, b) { var ax = a.offsetLeft; var ay = a.offsetTop; var aw = a.offsetWidth; var ah = a.offsetHeight; var bx = b.offsetLeft; var by = b.offsetTop; var bw = b.offsetWidth; var bh = b.offsetHeight; return (ax + aw > bx && ax < bx + bw && ay + ah > by && ay < by + bh);}alert(collision($('#a'), $('#b')));</script>

2、html结构代码:<div id="a"></div><div id="b"></div>

3、这种情况两个div没有交集,最后会弹出false。如图:

js检测两个元素是否产生交集
js检测两个元素是否产生交集
© 手抄报圈