PreshootJs || easy to preshoot where the user is going

<script>
    const preshoot = new Preshoot(["#watchMe", ".watchMe"], {
        fn: (event) => {
            console.log(event);
        },
        exitFn: (event) => {
            console.log(event);
        },
        className: "user-going-on"
    }, {
        mobile: true, //Look on movile ?
        detectWithArea: false, //If the cursor is not going on an object preshoot.js will detect the closer object
        mouseInterval: 30, //The calcul will be make each 30 mouse move loop
        resetClass: true, //Reset all the class if there are no matching element anymore
        //Function to display when there is an error while executing the function of an object
        onError: (el, msg) => {
            console.warn("Error during executing function ", {
                error: true,
                element: el,
                message: msg
            });
        }
    });

    //Debug mode
    Preshoot.debugMode(preshoot);

    //Start observing
    preshoot.start();

    //Stop observing
    preshoot.stop();
</script>

<style>
    /* Default class when matching */
    .preshoot{
        border: 5px solid red!important;
    }
</style>


<!-- Watching -->
<div id="watchMe"></div>
<div class="watchMe"></div>
PreshootJsV2
