javascript - .is (":hover"的替代方案)？在 Opera 中不起作用

Question

参见http://jsfiddle.net/cgWdF/3/

在所有浏览器中都可以正常工作*，最新的 Opera 除外。

*IE9以下未测试

应该指定，它需要返回 true 或 false，我没有使用它来绑定(bind)事件。

Answer 1

jQuery 的 .hover适用于 Opera 12。

var $sample = $("#sample");
$sample.hover(function() {
   $sample.css("background", "yellow");
}, function() {
    $sample.css("background", "");
});

Fiddle

或者，使用 .data存储悬停状态并对其进行测试(类似于您原来的 fiddle ):

var $sample = $("#sample");
$sample.hover(function() {
   $(this).data('hovering', true);
}, function() {
   $(this).data('hovering', false);
});

setInterval(function(){
    var $sample = $("#sample");
    if($sample.data('hovering')) {
       $sample.css("background", "yellow");
    }
    else {
       $sample.css("background", "");
    }
}, 200);

Fiddle