悬停事件无法使用：不是选择器

Question

我试图在我的脚本中为所有元素创建一个悬停事件，但有两个例外。我认为这可以通过使用：not selector来实现。但由于某种原因，它不起作用。

$('*:not(#li1):not(.dropdown)').hover(function(){


scroll_1.hide();


});

我也试过了

if(Element.is(':hover')){}  // This is not my exact code, it is only an example

任何人都可以解释为什么你不能做这样的事情，如果有的话，采取什么样的合适方式。

Answer 1

您可以将hover事件添加到body，并在不希望触发的元素上使用event.stopPropagation()。

$('body').on('hover', function(event){
 //Your hover function
});

$('#li1').on('hover', function(event){
 event.stopPropagation();
});

$('.dropdown').on('hover', function(event){
 event.stopPropagation();
});

希望这有帮助