Question

我有以下代码非常适合 mouseenter 事件：

$(document).ready(function () {

    $(".someClass").mouseenter(function () {

        //does some stuff

        }).mouseleave(function () {
        //does some stuff

        });
});

我要寻找的是更改上面的内容，这样它是一个定时事件，并且不需要鼠标输入具有相关类的DIV。

任何帮助将不胜感激。

此致

jmcall10

Answer 1

像这样？（如果是这样，我会添加一些评论）

$(function() {
  $('.someClass')
    .on('mouseenter', function() {
      console.log('mouse entered');
    })
    .on('mouseleave', function() {
      console.log('mouse exited');
    });
  
  setTimeout(function() { $('.someClass').trigger('mouseenter'); }, 2000);
  setTimeout(function() { $('.someClass').trigger('mouseleave'); }, 4000);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="someClass">Enter your mouse here</div>

Answer 2

首先定义一个定时事件：setTimeout(fun, 1000);

然后在fun中触发所需的触发事件：$('.someClass').dispatchEvent(new Event('mouseenter');

可能会帮助您...

将mouseenter事件更改为定时事件

2 个答案: