Jquery hover (overListener, outListener) | bind ('mouseover', methodA). bind ('mouseout', methodB), jqueryoverlistener
1. Differences:
The bind method triggers related methods (methodA or methodB) when you enter the external and internal regions );
The hover method does not trigger the related method when you enter the internal area.
2. example:
<Body>
<Div class = "outer" id = "outer1">
Outer 1
<Div class = "inner" id = "inner1"> Inner 1 </div>
</Div>
<Div class = "outer" id = "outer2">
Outer 2
<Div class = "inner" id = "inner2"> Inner 2 </div>
</Div>
<Div id = "console"> </div>
<Script type = "text/javascript">
Function report (event ){
$ ('# Console'). append ('<div>' + event. type + '</div> ');
}
$ (Function (){
$ ('# Outer1 ')
. Bind ('mouseover', report)
. Bind ('mouseout', report );
$ ('# Outer2'). hover (report, report );
});
</Script>
</Body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
