javascript - 防止悬停事件绑定(bind)到 child

Question

HTML:

<a id="test" data-value="1">TEST <i class="fa fa-bank"></i></a>

JS:

var f = function(e) {
    console.log($(e.target).data('value'));   
};

$('a#test').hover(f, f);

当我从 anchor 右侧悬停时。悬停事件的目标将是 <i class="fa fa-bank"></i> .有没有办法可以强制目标成为 <a id="test">...</a>

Answer 1

this 内部事件处理程序将引用绑定(bind)事件的元素，因此您可以改用:

$(this).data('value')