PreshootJs || easy to preshoot where the user is going

Debug
Reset detection
Detect with area
Mouse interval
Max distance %
<script>
    window.preshootConfig = {
    debug: false, //Show a line where the cursor is going
    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
    maxDistance: 100, //Execute the function and put the class only if the mouse is between 0% and 100% of the distance
    reset: true, //Reset all the class if there are no matching element anymore
    onError: (el, msg) => {
        console.warn("Error during executing function ", {
            error: true,
            element: el,
            message: msg
        }); //Function to display when there is an error while executing the function of an object
    }
}
</script>

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


<!-- Watching -->
<!--
    preshoot-area allow you to observe the object and to execute a function if there is a match
    preshoot-area or preshoot-area="functionName" (note that an event is returned with dome informations)

    preshoot-area-class will change the class name (by default it will put .preshoot)
-->
<div preshoot-area preshoot-area-class="className"></div>
Preshoot.js
