How to debug code run when hover HTML element

Problem: We have a javascript code run when hover a element. How we debug this code in browser?

Solution: Use debugger; in block code we want to debug.

Example:

function codeRunWhenHover() {
    debugger;
    // your code here
}

Or way what don't modify source code

// Auto enable debug mode after 3s
setTimeout(() => debugger, 3000)