關于mouseenter和mouseleave阻止冒泡事件
如題，測試了下，正常布局下是可以阻止冒泡事件的，可當我把代碼中p元素的margin-top設成負值，并移出div框外時，在移入、出p標簽時，還是會觸發div上的事件，
請問這是什么原因？
此時的p也還是div的子元素啊。
??.right?p{
????????margin-top:-60px;
????}
????其他的沒變，就是加了這條樣式。
雨宮奏
2016-08-27
2 回答
舉報
0/150
提交
取消
2016-09-07
跟你打個比較殘忍的例子。div相當于一個人的身體。p相當于一個人的手。你碰到那個人的任何位置，相當于觸發了div。當有一天，那個人的手斷了，脫離了身體，然后你碰到那個人的手，你說這個手是不是還是那個人的身體的一部分，就算它已經斷了，也是那個人的。就相當于，p就算被你移出div了，可是它的本質還是屬于div的。
當那個人手沒斷時，你從他的身體滑動到他的手，再從他的手滑動到身體，無論怎么滑動，只要沒有拿開，就只觸動了一次。可是當他的手斷了的時候，你要從他的身體再碰到他的手，是不是要從他身體離開，然后才能碰到他的手？這就是觸動了兩次他的身體，也就是觸動了兩次div。明白了么？
2016-08-28
注意看老師代碼................代碼對div 和p 都做了mouseleave或者mouseenter事件處理