在p上綁定mouseenter,div上綁定mouseover,為什么結果鼠標進入p時,div也會算次數??
? ?<script type="text/javascript">
? ? ? ?var i=0;
? ? ? ?var n=0;
? ? ? ?$('.aaron1 p').mouseenter(function(){
? ? ? ? ? ?$('.aaron1 a:first').html('mouseover事件觸發次數:' + (++i))
? ? ? ?})
? ? ? ?
? ? ? ?$('.aaron1').mouseover(function(){
? ? ? ? ? ?$('.aaron1 a:last').html('mouseover冒泡事件觸發次數:' + (++n))
? ? ? ?})
? ?
? ?</script>
如題,p上綁定的是mouseenter事件,結果運行的時候鼠標進入p也會冒泡,給div增加次數;
但是反過來p上綁定mouseover,div上綁定mouseenter的話,鼠標進入p反而不會冒泡,這是為什么??這不是反過來了嗎???
2017-03-23
mouseover會被冒泡觸發,給外層綁定的時候,內層事件的冒泡就會觸發外層的事件,但是mouseenter不會被冒泡觸發,把它綁定在外層,雖然內層冒泡了,但是外層不會被觸發。個人理解。