如何将mouseover事件发送到父div？

Question

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

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

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

如何解决这个问题呢？我应该将活动发送给家长吗？怎么样？

Answer 1

使用jQuery .hover()方法而不是绑定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
});

现场测试案例.

该.hover()实际上是绑定mouseenter和mouseleave事件,这是你所期待的.