Javascript 如何检查按钮是否处于悬停状态

是否有javascript属性来检查按钮是否处于悬停状态。这是我需要的，因为当鼠标悬停在按钮上时，我想执行特定的任务

我可以在MouseOver上看到事件，但没有用于检查鼠标是否悬停的属性

---

有谁能帮我解决这个问题。

我知道你没有把这个问题标记为jQuery。但是它确实提供了一个事件

onMouseOver

触发一个事件，您可以设置一个变量，然后从代码的其他部分读取变量状态。为简单起见，我还建议使用。

您可以使用来处理此问题。

试试这个（jQuery）。这很混乱，但你明白了：

---

您可以在

onMouseOver

上将元素上的变量/属性设置为

true

，在

onMouseOut

上设置为

false

。这样，您可以随时检查元素的属性，以检查鼠标当前是否悬停在该元素上。

.hover（）

是连接事件处理程序而不是事件的函数。

.hover（）

是连接事件处理程序而不是事件的函数。悬停不是有效的HTML属性。您是对的，但谁在乎呢？老实说，它工作得很好。您可以将悬停添加为一个类，并使用

.addClass

、

.removeClass

和

.hasClass

。

<input type="text" value="test"><input type="button" value="test">

<div id="div">-</div>

$(function(){
    $('*')
        .data('hovering', false)
        .mouseover(function(){$(this).data('hovering', true)})
        .mouseout(function(){$(this).data('hovering', false)});
   });

window.setInterval(function() {
    $('#div').html("Textbox currently hovered: " +
                   $('input[type="text"]').data('hovering'));
}, 100)