Question

使用jQuery，我正在检测mouseenter事件：

// triggered when mousing over the green div
$('#dock').mouseenter(function() {
    alert('moused over!');
});

但是，如果我的div之后有一个select标签，则会在打开时触发鼠标悬停事件：

    <div id="dock">
    </div>
    <div class="container">

        <select name="product_tier" id="id_product_tier">
            <option value="" selected="selected">---------</option>
            <option value="1">test-product-tier</option>
        </select>

    </div>

我在Chrome和Chromium 27.0.1453.93（Windows：OK，OS X：OK，Linux：失败，如上所述），IE 9（Windows：OK），Opera（Linux：OK），Firefox 21（ Linux：好的。）

我无法在jsFiddle或jsBin上重现它，但这里有一个你可以运行的要点：https://gist.github.com/Wilfred/5679748。

任何想法有什么不对？这是Chrome的错误吗？

Answer 1

这是jQuery 1.7 +

中支持的新jQuery方式

$("#dock").on("click touchstart", function(event){
  alert($(this).text());
});

例如： http://jsfiddle.net/yfHZE/

免责声明：我没有在Linux中尝试这个，但它应该可以工作。

Linux上的Chrome上触发了不正确的鼠标悬停事件？

1 个答案: