如何检查按钮是否悬停

Question

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

我可以看到事件onMouseOver，但没有检查鼠标是否悬停的属性。

任何人都可以帮我解决这个问题。

Answer 1

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

http://jsfiddle.net/sRsK3/1/

<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)

Answer 2

您可以使用JQuery's Hover function来处理此问题。

Answer 3

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

Answer 4

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