过滤悬停元素时的最后一个子项

Question

我有问题当我想创建jquery的inpector插件时，如果我选择了元素的子元素，则应该不选择父元素。

这是双边界实际上只检查了家庭元素，但后面是父母。

这是我的jsfiddle

http://jsfiddle.net/Rp7hr/46/

这个代码我的插件如何调用

$(function(){

    //generate dropdown list   
    var test = $('.summary').ksinspect();


});

我不明白为什么iframe标签上的元素不能悬停？

Answer 1

您看到的效果是因为事件冒泡。 停止使用event.stopPropagation()

此处已更新 DEMO

见更新

_ks.onMouseOver = function() {
    var el = ktm.query(document).find('*');
    el.on('mouseenter',function(e){
        e.stopPropagation(); // THIS is newly added line...
        var d = new Date();
        var id = d.getTime() + randomID(1);
        var parents = ktm.query(this).parents("*");
        var getParents = _get_parents(ktm.query(this));
        ktm.query(this).attr('data-key',id); //add attr data-key
        ktm.query(getParents).removeClass('glare'); //remove class
        ktm.query("[data-key=" + id + "]").addClass('glare'); //add class 
        console.log("selector = " + getParents);
        console.log("cusrrent selector = " + this);
    });
}