Question

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

Answer 1

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

1
2
3
4
5
6
7
8
9
10
11
12
13

<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;
}
} );