javascript - 如何将鼠标悬停事件发送到父 div？

Question

我有一个 Div，其中有一个文本输入，如下所示:

<div id="parentDive" class="parent">
<input id="textbox"></input>
</div>

我已经通过 JQuery 为 Div mouseover 事件和 mouseout 事件分配了一个功能，但是当我将鼠标移到文本输入上时，它会调用 mouseout 事件，当它在 DIV 中时。

如何解决这个问题？我应该将事件发送给 parent 吗？怎么办？

Answer 1

使用 jQuery .hover()方法而不是绑定(bind) mouseover和 mouseout :

$("#parentDive").hover(function() {
    //mouse over parent div
}, function() {
    //mouse out of parent div
});

$("#textbox").hover(function() {
    //mouse over textbox
}, function() {
    //mouse out of textbox
});

Live test case .

.hover()实际上绑定(bind)了 mouseenter和 mouseleave事件，这正是您要查找的内容。