JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
    border:2px dashed lightblue;
    width:200px;
    height:200px;
    margin:20px 0 0 20px;
}

JavaScript

var divPosition = $('div').position();
var bottom = divPosition.top + $('div').height();
var left = divPosition.left;

$('div').mouseleave(function(e) {
    if (e.pageX > left  && e.pageY > bottom) {
        console.log('bottom out');   
    }
});