backbone.js - Backbone - View 正在触发mouseout事件，即使它在根内部也是如此。

Question

使用backbokne.js， View 的mouseover和mouseout事件无法正常运行:



红色部分(根类div)是内部div(名为info-box)的父级。将鼠标从根目录移到信息框时，即使信息框是root的子级，它也会为根目录触发“mouseout”事件。但是我想在光标从

这是我非常基本的HTML:

<script type="text/template" id="box-template">
    <div class="root">
        <div class="info-box">
             Test title
        </div>
    </div>
</script>

这是我的看法:

var DealViewClass = Backbone.View.extend({
    events: {
        'mouseover': 'boxMouseOver',
        'mouseout': 'boxMouseOut'
    }, 
    boxMouseOver: function(e){
        console.log('inside!');
    }
    },
    boxMouseOut: function(e){
        console.log('outside!')
    }
});

我这样初始化我的 View :

    var template = _.template($('#box-template').html());
    var dealView = new DealViewClass({
        model: model,
        el: template           
    });

我该如何解决这个 child 引发“家长问题的解决”问题？

Answer 1

尝试使用 mouseenter 和 mouseleave 代替mouseover和mouseout。