将 mouseenter 事件更改为定时事件
change a mouseenter event into a timed event
我有以下代码非常适合 mouseenter 事件:
$(document).ready(function () {
$(".someClass").mouseenter(function () {
//does some stuff
}).mouseleave(function () {
//does some stuff
});
});
我正在寻找的是改变上面的内容,使其成为一个定时事件并且不需要鼠标进入DIV与关联的class.
如有任何帮助,我们将不胜感激。
此致,
jmcall10
是这样的吗? (如果是这样,我会添加一些评论)
$(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>
首先定义一个定时事件:setTimeout(fun, 1000);
然后在fun
触发你想要的事件:$('.someClass').dispatchEvent(new Event('mouseenter');
May 可以帮助你...
我有以下代码非常适合 mouseenter 事件:
$(document).ready(function () {
$(".someClass").mouseenter(function () {
//does some stuff
}).mouseleave(function () {
//does some stuff
});
});
我正在寻找的是改变上面的内容,使其成为一个定时事件并且不需要鼠标进入DIV与关联的class.
如有任何帮助,我们将不胜感激。
此致,
jmcall10
是这样的吗? (如果是这样,我会添加一些评论)
$(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>
首先定义一个定时事件:setTimeout(fun, 1000);
然后在fun
触发你想要的事件:$('.someClass').dispatchEvent(new Event('mouseenter');
May 可以帮助你...