如下一段HTML
<div style="width:300px; height:300px; background:green;">
<p style="width:100px; height:100px; background:red"></p>
</div>
<strong></strong>
如下一段js
$(function(){
$('div').mouseover(function(){
$('strong').html(function(index, value){
return value + 1;
});
});
});
鼠标从外面移入 div时,触发mouseover事件,使strong内容加1,然后移动到p时,居然也加了1;从外面移入p时,也加了1。这是为什么?
p不是在div内部吗,而且我绑定的元素是div,就算鼠标移入了p,怎么可能重新触发了div的mouseover事件?不是一直都在div里面吗?