子div触发父div onmouseout事件

Question

我在div里面有div，父div有onmouseover和onmouseout函数

但是当我将鼠标悬停在子div上时会触发onmouseout函数，我不需要帮助吗？

<div onmouseover="alert("inside")" onmouseout="alert("outside")> <div></div> </div>

示例：

http://jsfiddle.net/sp9bD/2

黑色div位于红色内部，但“外部”警报显示

Answer 1

$('div').hover(function(e) {
    if (!(event.target.id === "inside")) {
        alert('inside');
    }
}, function () {
        alert('outside');

});

使用jQuery尝试这样的事情，这里是重做小提琴

http://jsfiddle.net/sp9bD/3/