如何使mouseover事件不重复执行，如何防止鼠标移出移入子元素触发mouseout和mouseover事件...
如何使mouseover事件不重复执行
$("#test").toggleClass("change");改为$("#test").addClass("change"); 红色变蓝色。 var count = false; $(function () { $("#test").mouseenter(function () { alert(count); if (count == true) { $("#test").removeClass("change"); $("#test").addClass("normal"); } if (count == false) { $("#test").addClass("change"); count = true; } }) }) 红色变蓝色，蓝色变红色
如何防止鼠标移出移入子元素触发mouseout和mouseover事件
当父元素绑定了mouseover和mouseout事件后，如果不想子元素触发。可以给子元素加上一个属性。根据这个属性来是否执行相应的操作。jquery例子
1
2
3
4
5
6
7
8
9
10
11
12
13
$( ".parent" ).hover( function( e ) {
if( $( e.target ).hasAttr( "nohover" ) ) {
return;
}
}, function( e ) {
if( $( e.target ).hasAttr( "nohover" ) ) {
return;
}
} );
下一篇：没有了
