how to call a function based on mouse hover property

Question

function stopTimer() {
    clearInterval(timer);
    var isHovered = $('#theEnd').is(":hover");
    if (isHovered == "True") {
        return youWon();
    }
    else {
        alert("You lost! try again!")
    }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Unfortunately, the code always defaults to the else statement even when I'm hovering over the div element with the id="theEnd"

Why in the world are you using a string boolean representation? `"True" == true` yields `false` — Sterling Archer, Apr 16 '17 at 22:51
No problem that kind of stuff you learn as go. Don't stop asking. — MartinWebb, Apr 16 '17 at 22:54
Possible duplicate of [Detect IF hovering over element with jQuery](http://stackoverflow.com/questions/8981463/detect-if-hovering-over-element-with-jquery) — Sterling Archer, Apr 16 '17 at 22:56

score 0 · Accepted Answer · answered Apr 16 '17 at 22:54

0

isHovered is already a boolean, you don't need to check if it is true or false just do this:

if (isHovered) {
    // ...

answered Apr 16 '17 at 22:54

ibrahim mahrir

31,174
5
48
73

how to call a function based on mouse hover property

1 Answers1