mouseover()和mouseenter()的區別
<script?type="text/javascript">
????????var?i?=?0;
????????$(".aaron1?p").mouseover(function(e)?{
????????????//只要在arron1?p區域內,任意元素的移動都會觸發事件
????????????$(".aaron1?a:first").html('mouseover事件觸發次數:'?+?(++i))
????????})
????????
????????var?n?=?0;
????????$(".aaron1").mouseover(function()?{
????????????//只要在arron1區域內,任意元素的移動都會觸發事件
????????????$(".aaron1?a:last").html('mouseover冒泡事件觸發次數:'?+?(++n))
????????})
????</script>
????<script?type="text/javascript">
????????var?i?=?0;
????????$(".aaron2?p").mouseenter(function(e)?{
????????????//進入aaron2?p的區域才觸發事件,里面外面有什么元素不管
????????????$(".aaron2?a:first").html('mouseenter事件觸發次數:'?+?(++i))
????????})
????????var?n?=?0;
????????$(".aaron2").mouseenter(function()?{
????????????//進入aaron2的區域才觸發事件,里面有什么元素不管
????????????$(".aaron2?a:last").html('mouseenter冒泡事件觸發次數:'?+?(++n))
????????})
????</script>mouseover()和mouseenter()的區別我是這樣理解的,看注釋
2017-07-20
mouseseenter()事件是不冒泡的:假如說在一個包含<p>的<div>的p上綁定mouseseenter事件則只會在p上觸發,但是綁定mousesove時間則在<div>里也會觸發她