用jquery在元素上模拟“点击并按住5秒”
用jquery在元素上模拟“点击并按住5秒”
提问于 2016-02-02 22:41:17
我已经使用"active“选择器对一个元素进行了一些CSS3转换。我现在需要的是编程“点击并按住4-5秒”的行为，当页面加载时，而不是让用户实际点击它。
有没有办法用jQuery或javascript来模拟“点击并按住”一段特定的时间？
就像这样
$('div').click(5000);这显然是行不通的。
谢谢!
回答 3
Stack Overflow用户
发布于 2016-02-02 22:50:59
如果你坚持要用JQuery来模拟它，mousedown事件应该会起作用。如下所示：
$('div').mousedown(function(){
setTimeout(function(){ $('div').mouseup(); }, 5000);
});祝好运。
Stack Overflow用户
发布于 2016-02-02 22:52:44
您可以使用以下命令，使用jQuery的"delay“
$('div').
mouseenter(function(){
// some code
}).delay(5000).mouseleave(function(){
// some code
});Stack Overflow用户
发布于 2016-02-02 23:15:52
你可以使用触发器。
$(function(){
// Bind mousedown/mouseup events
$('.box')
.on('mousedown', function(){
$(this).addClass('active');
})
.on('mouseup', function(){
$(this).removeClass('active');
});
// Trigger mousedown
$('.box').trigger('mousedown');
// Trigger mouseup 5s later
setTimeout(function(){
$('.box').trigger('mouseup');
},5000);
});.box{
width: 100px;
height: 100px;
border: 3px solid #f00;
}
.active{
background: #f00;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="box"></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35156401
复制相关文章
相似问题
腾讯云开发者
