v-mouseover-outside

Listens out for mice that move over elements outside itself.

(Hint: Waggle your mouse around.)

test
a
b
c d e
f
g h i

v-mouseover-outside example

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<template>
    <div v-mouseover-outside="onMouseOverOutside"></div>
</template>
 
<script>
    export default {
        methods: {
            onMouseOverOutside(e, el) {
                console.log("onMouseOverOutside");
                console.log("Event:", e);
                console.log("Element mouse moved over:", e.target);
                console.log("Element that leered from behind other elements:", el);
            }
        }
    }
</script>