如何使用jQuery或JavaScript模拟点击按钮的动作？

Question

我需要使用JavaScript来模拟点击按钮的动作。我如何实现它？我可以用jQuery来实现吗？

Answer 1

是的，你可以用jQuery来做到这一点。使用trigger功能。这里documentation。下面是示例：

$('#foo').trigger('click'); 

Answer 2

您可以执行分配给一个按钮控件的Click事件处理程序：

$("#mybutton").click(); 

Answer 3

简单.click()：

$("#theButton").click(); 

Answer 4

请尝试以下代码如：

setTimeout(function() { 
    $(".class_name").trigger('click'); 
}, 8000); 

Answer 5

在这个“匿名文档就绪功能”中包装它将确保按钮在你点击它之前。以防万一它试图在你想要点击的元素被加载之前点击。这将解决这个问题。另外，记住ID使用散列（即＃关闭按钮），但是如果你想单击具有CLASS的元素，然后将散列交换为单个点（即.close-button）。

jQuery(document).ready(function() { 
     $("#close-button").trigger('click');  
}); 

Answer 6

下面的代码将打印点击两次一名来自$('.submitBtn').click();等$('.submitBtn').trigger('click')

$(document).ready(function() { 
 

 
    $('.submitBtn').on('click', function() { 
 

 
    console.log("Clicked!"); 
 

 
    }) 
 

 
$('.submitBtn').click(); 
 
$('.submitBtn').trigger('click') 
 

 

 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 

 
<button menu="submitBtn" class="submitBtn len4 btn" title="submit" data-code-m="sbm.submit"> Click me 
 
     </button>