鼠标移到子层触发父层onmouseout事件

Question

<div style="width:300px; height:300px; text-align:center; padding-top:20px; background-color:Gray" onmouseout="alert('d')">
        <div style="width:100px; height:100px; background-color:Blue" >
        
        </div>
    </div>。？？？

Answer 1

事件是冒泡的，会一直往上你不想触发父的事件，取消冒泡就行了ff: e.stopPropagation
ie : e.cancelBubble