Javascript 当使用JQuery将鼠标悬停在元素上x秒时，如何触发单击？

我知道这个问题已经问过了，也已经回答过了，但是设置一个计时器可以使用hover（）函数

由于my元素是动态创建的，它需要两个不同的函数：一个在mouseenter上，另一个在mouseleave上

有人对这一特殊需求有见解吗

PS：我知道有一个叫做hoverIntent的插件，但我不想使用任何插件

像这样的

$('.myelement').on('mouseenter', function(e) {
  var element = $(this),
      ctx = null,
      timeout = 2000;

  ctx = setTimeout(function() {
     element.trigger('click');
     clearTimeout(ctx);
  }, timeout);
});

像这样的

$('.myelement').on('mouseenter', function(e) {
  var element = $(this),
      ctx = null,
      timeout = 2000;

  ctx = setTimeout(function() {
     element.trigger('click');
     clearTimeout(ctx);
  }, timeout);
});

试一试

演示：

试试看

---

演示：

@A.Wolff刚刚修复it@A.Wolff刚修好