子 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 位于红色 div 内部，但显示“外部”警报

Answer 1

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

});

使用 jQuery 尝试类似的操作，这是重做的小提琴

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