How to check if an element is overlapping other elements? [duplicate]

by

Something like this for rect1 and rect2 retrieved via getBoundingClientRect():

var overlap = !(rect1.right < rect2.left || 
                rect1.left > rect2.right || 
                rect1.bottom < rect2.top || 
                rect1.top > rect2.bottom)

Explain: if one or more expressions in the parenthese are true, there’s no overlapping. If all are false, there must be an overlapping.

More Related Contents:

  1. What are non-word boundary in regex (\B), compared to word-boundary?
  2. How to block "adblock"
  3. Sorting array of object based on range of Numbers of String [closed]
  4. expected ‘;’ and instead saw ‘=’ [closed]
  5. How to read each element of an array in jQuery? [closed]
  6. How to get a subset of a javascript object’s properties
  7. AngularJS routing without the hash ‘#’
  8. Show/hide ‘div’ using JavaScript
  9. Detect URLs in text with JavaScript
  10. Regular Expression to get a string between parentheses in Javascript
  11. What is the JavaScript string newline character?
  12. Determine original size of image cross browser?
  13. Angular IE Caching issue for $http
  14. How can I set focus on an element in an HTML form using JavaScript?
  15. The $.param( ) inverse function in JavaScript / jQuery
  16. How do you execute a dynamically loaded JavaScript block?
  17. jQuery: How to get the event object in an event handler function without passing it as an argument?
  18. Has Facebook sharer.php changed to no longer accept detailed parameters?
  19. Highlight Menu Item when Scrolling Down to Section
  20. What tag in HTML should I use without special meaning, only to carry meta data?
  21. Detect if user clicks inside a circle
  22. Backbone: event lost in re-render
  23. Access a nested property with a string [duplicate]
  24. What is the difference between Observable and a Subject in rxjs?
  25. Why doesn’t this.evaluate return DOM nodes correctly?
  26. Update single value in item array | react redux
  27. Lock tab key with javascript?
  28. Why I got document is not defined error in puppeteer?
  29. What is the purpose of the delete operator in Javascript?
  30. How to set iframe content of a react component

Leave a Comment