javascript - 鼠标移动时显示文本

Question

我希望当 mousemove 处于事件状态时在段落中显示 true，当 mousemove 处于非事件状态时在段落中显示 false。尝试了 if 语句但不起作用

$(document).ready(function() {
    var Clickcount = 1;

    $(".chimp").mousemove(function(e) {
        if (Clickcount % 2) {
            $('.chimp').css({
                'top': e.clientY - 20,
                'left': e.clientX - 20
            });
        }
    });

    $("body").mousemove(function(e) {
        var x = e.pageX - this.offsetLeft;
        var y = e.pageY - this.offsetTop;
        $(".cords").html("clientX " + x + " clientY= " + y);
    });

    $(document.body).on('click', function() {
        Clickcount++;
    });
});

Answer 1

我不太清楚你所说的mousemove is active是什么意思。如果您想检查鼠标是否位于特定元素内，您可以使用如下内容:

$(".chimp").hover(function () {
    $("#bool").text('true');  
},function () {
    $("#bool").text('false');  
});

<强> Demo

但是如果您想检测鼠标是否停止移动，您可以使用以下代码片段尝试:

var timeout;
$(".chimp").mousemove(function () {
    $("#bool").text('true');  
    clearTimeout(timeout);

    timeout = setTimeout(function() {
        $("#bool").text('false');  
    }, 1000);
});

如果鼠标1秒没有移动就会触发。您可以轻松调整阈值，只需编辑超时函数中的数字即可。

<强> Demo