为什么悬停在委托事件处理程序中不起作用?

艾玛·辛格(Amar Singh)

我正在动态添加一些元素,并在委托事件处理程序中为其分配了一个悬停属性,我在下面的代码中为其使用了它,但它不起作用。

$(document).on("hover", ".sec_close_fast", function() {
  $(this).parent('div').parent('div').css("border", "3px solid #000000");
});

然后我用了mouseover,它起作用了:

$(document).on("mouseover", ".sec_close_fast", function() {
  $(this).parent('div').parent('div').css("border", "3px solid #000000");
});

我想知道为什么hover不行,但行得通mouseover

Praveen Kumar Purushothaman

函数/事件.hover实际上不是事件,而只是mouseenterand的简写mouseleave文档

.hover()方法为mouseentermouseleave事件绑定处理程序您可以使用它在鼠标位于元素内时将行为简单地应用于元素。

因此,您不能使用它来“委托”事件。

解决方案

正如您已经提到的以及在文档中提到的那样,您可以使用:

$(static_parent).on("mouseenter mouseleave", element, function (e) {
  if (e.type == "mouseenter") {
    // check if it is mouseenter, do something
  } else {
    // if not, mouseleave, do something
  }
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么单击带有委托事件的按钮不起作用?

来自分类Dev

为什么将鼠标悬停在flex或grid中不起作用?

来自分类Dev

丢失的jQuery委托事件处理程序

来自分类Dev

A:悬停在CSS中不起作用

来自分类Dev

A:悬停在CSS中不起作用

来自分类Dev

Javascript event.preventDefault(); 即使使用委托事件也不起作用

来自分类Dev

Javascript event.preventDefault(); 即使使用委托事件也不起作用

来自分类Dev

Selectize.js委托事件在选项上不起作用

来自分类Dev

当我具有触摸事件处理程序时,为什么我的鼠标事件处理程序不起作用?

来自分类Dev

Javascript遍历<li>列表并分配事件(onitemclick)处理程序不起作用-为什么?

来自分类Dev

为什么当我将鼠标悬停在图像上时它不起作用?

来自分类Dev

删除特定对象上的jQuery委托事件处理程序

来自分类Dev

C#单元测试委托事件处理程序

来自分类Dev

jQuery $(document).prepend:委托事件处理程序中的“ TypeError:e为空”吗?

来自分类Dev

Javascript事件处理程序-为什么起作用?

来自分类Dev

为什么设置strictMode在没有处理程序的应用程序中不起作用

来自分类Dev

悬停事件在QGraphicsPixmapItem中不起作用

来自分类Dev

为什么:td悬停不起作用?

来自分类Dev

为什么jQuery悬停不起作用

来自分类Dev

为什么:td悬停不起作用?

来自分类Dev

Webgrid中的单击事件处理程序不起作用

来自分类Dev

Firebase $ save在事件处理程序函数中不起作用

来自分类Dev

“ this”在点击事件处理程序中不起作用

来自分类Dev

Up函数在元素的事件处理程序中不起作用

来自分类Dev

setState 在事件处理程序中不起作用

来自分类Dev

为什么我的信号处理程序不起作用?

来自分类Dev

为什么XUL负载处理程序不起作用?

来自分类Dev

为什么我的信号处理程序不起作用?

来自分类Dev

为什么img上的onclick处理程序不起作用?

Related 相关文章

  1. 1

    为什么单击带有委托事件的按钮不起作用?

  2. 2

    为什么将鼠标悬停在flex或grid中不起作用?

  3. 3

    丢失的jQuery委托事件处理程序

  4. 4

    A:悬停在CSS中不起作用

  5. 5

    A:悬停在CSS中不起作用

  6. 6

    Javascript event.preventDefault(); 即使使用委托事件也不起作用

  7. 7

    Javascript event.preventDefault(); 即使使用委托事件也不起作用

  8. 8

    Selectize.js委托事件在选项上不起作用

  9. 9

    当我具有触摸事件处理程序时,为什么我的鼠标事件处理程序不起作用?

  10. 10

    Javascript遍历<li>列表并分配事件(onitemclick)处理程序不起作用-为什么?

  11. 11

    为什么当我将鼠标悬停在图像上时它不起作用?

  12. 12

    删除特定对象上的jQuery委托事件处理程序

  13. 13

    C#单元测试委托事件处理程序

  14. 14

    jQuery $(document).prepend:委托事件处理程序中的“ TypeError:e为空”吗?

  15. 15

    Javascript事件处理程序-为什么起作用?

  16. 16

    为什么设置strictMode在没有处理程序的应用程序中不起作用

  17. 17

    悬停事件在QGraphicsPixmapItem中不起作用

  18. 18

    为什么:td悬停不起作用?

  19. 19

    为什么jQuery悬停不起作用

  20. 20

    为什么:td悬停不起作用?

  21. 21

    Webgrid中的单击事件处理程序不起作用

  22. 22

    Firebase $ save在事件处理程序函数中不起作用

  23. 23

    “ this”在点击事件处理程序中不起作用

  24. 24

    Up函数在元素的事件处理程序中不起作用

  25. 25

    setState 在事件处理程序中不起作用

  26. 26

    为什么我的信号处理程序不起作用?

  27. 27

    为什么XUL负载处理程序不起作用?

  28. 28

    为什么我的信号处理程序不起作用?

  29. 29

    为什么img上的onclick处理程序不起作用?

热门标签

归档