html - 子 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/