Javascript 防止悬停事件绑定到子对象

Javascript 防止悬停事件绑定到子对象,javascript,jquery,hover,Javascript,Jquery,Hover,HTML: 当我从锚的右侧悬停时。悬停事件的目标将是。是否有一种方法可以强制目标为…,事件处理程序中的此将引用绑定事件的元素,因此您可以改为使用: var f = function(e) { console.log($(e.target).data('value')); }; $('a#test').hover(f, f); 为什么不使用此?为什么必须使用事件的target属性?顺便说一句,如果为in/out调用相同的处理程序,并且as ID在文档上下文中必须是唯一的,只需使用

HTML:


当我从锚的右侧悬停时。悬停事件的目标将是
。是否有一种方法可以强制目标为

,事件处理程序中的此
将引用绑定事件的元素,因此您可以改为使用:

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

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

为什么不使用此?为什么必须使用事件的target属性?顺便说一句,如果为in/out调用相同的处理程序,并且as ID在文档上下文中必须是唯一的,只需使用:
$(“#test”).hover(f)
@A.Wolff我会将其作为答案发布。因为我在锚中有一些数据。@waitingkuo这不会阻止你在处理程序中使用
this
。@waitingkuo那么使用
$(this.data('value')
)有什么问题吗???如果您有特定的问题,那么至少提供复制您的问题的特定示例。我误用了
e.target
var f = function(e) {
    console.log($(e.target).data('value'));   
};

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