javascript – 没有jquery我需要找出鼠标是否在一个元素上,而不是确定它什么时候结束(如果它没有移动到触发onmouseover)

前端之家收集整理的这篇文章主要介绍了javascript – 没有jquery我需要找出鼠标是否在一个元素上,而不是确定它什么时候结束(如果它没有移动到触发onmouseover)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
没有 jquery

基本上我正在寻找的是能够在倒计时结束时查看鼠标是否超过div

如果用户在div上,则执行该div的操作

onmouSEOver仅在鼠标越过div的阈值时触发,如果鼠标未移动则不会触发,因此无效

我需要确定鼠标当前是否在特定时间点的div上,如果它已经从起点移动了

我的所有狩猎都只发现了它,并且没有什么可看的,如果鼠标恰好在那里开始

我没有javascript技能来确定div的整体坐标,然后映射鼠标坐标,看它是否适合那里…这是我认为我需要做的

解决方法

将标志设置为true onmouSEOver和false onmouseleave.当倒计时结束时,如果flag为true,那么它就是元素.

HTML

<div id="div-name">the section of the code i am working with has a countdown timer,when it reaches 0 i need to know if the mouse is over a specific Box</div>
<button id="notification" onclick="javascript: letsCountIt(5);">click to start countdown</button>

JS

window.ev = false;

document.getElementById('div-name').onmouSEOver = function () {
    window.ev = true;
    console.log(window.ev);
}

document.getElementById('div-name').onmouSEOut = function () {
    window.ev = false;
    console.log(window.ev);
}

window.letsCountIt = function (cdtimer) {
    cdtimer--;
    document.getElementById('notification').innerHTML = cdtimer;

    if (cdtimer == 0) {
        if (window.ev === true) {
            alert('over');
        } else {
            alert('not over');
        }
    } else {
        setTimeout(function(){letsCountIt(cdtimer);},1000);
    }
}
原文链接:https://www.f2er.com/jquery/154811.html

猜你在找的jQuery相关文章