问答详情
源自:2-5 jQuery鼠标事件之mouseenter与mouseleave事件

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()的区别我是这样理解的,看注释

提问者:Mr_Jp黎 2017-07-20 14:15

个回答

  • qq_soul眉_03423603
    2017-07-20 16:22:02

    mouseseenter()事件是不冒泡的:假如说在一个包含<p>的<div>的p上绑定mouseseenter事件则只会在p上触发,但是绑定mousesove时间则在<div>里也会触发她