v-mouseout-outside

Just in case you find yourself in the awkward place of needing to know when the mouse moved out of an element ouside your element...

(Hint: Move the mouse. Or don't. I'm a demo, not your boss.)

Note: mouseout gets triggered when on a parent when moving onto a child, since you move out of the visible space of the parent.

test
a
b
c d e
f
g h i

v-mouseout-outside example

		

		<script>
			export default {
				methods: {
					onMouseOutOutside(e, el) {
						console.log("onMouseOutOutside");
						console.log("Event:", e);
						console.log("Element mouse moved out of:", e.target);
						console.log("Element that watched warily:", el);
					}
				}
			}
		</script>