Question

如何防止鼠标移出移入子元素触发mouseout和mouseover事件

Answer 1

当父元素绑定了mouseover和mouseout事件后，如果不想子元素触发。可以给子元素加上一个属性。根据这个属性来是否执行相应的操作。jquery例子

<div class="parent">
    <div class="child" nohover></div>
</div>

$( ".parent" ).hover( function( e ) {
    if( $( e.target ).hasAttr( "nohover" ) ) {
        return;
    }
}, function( e ) {
    if( $( e.target ).hasAttr( "nohover" ) ) {
        return;
    }
} );