Question

当用户停止/结束如下事件时，如何调用函数：

我有一个像这样的悬停事件监听器：

elem.addEventListener("mouseover", function(e){
    alert("hovering");
},true);

我希望在用户停止悬停时调用以下内容：

alert("stopped hovering");

有没有任何巧妙的方法，这不需要使用正常的鼠标移动事件？

Answer 1

使用mouseout事件。

elem.addEventListener("mouseout", functionName);

http://help.dottoro.com/ljtqkajb.php

Answer 2

首先，在Javascript中，hover状态称为mouseover。

elem.addEventListener("mouseover", function(e){
    alert("hovering");
    var mouseOut = function(){
        alert('Mouse leaved');
        this.removeEventListener('mosueout',mouseOut);
    }
    this.addEventListener('mouseout',mouseOut);
},true);

JavaScript在用户结束事件时调用函数

2 个答案: