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

我需要使用 JavaScript 来模拟单击按钮的操作。我该怎么做呢？我可以用 jQuery 实现它吗？

115289 次浏览

小开

最佳答案

是的，你可以使用 jquery。使用 trigger函数。这里是文件。这里是示例:

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

小开

可以执行分配给按钮控件的 click 事件处理程序:

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

小开

返回文章页面简单的。点击():

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

小开

请尝试以下代码，例如:

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

小开

将它包装在这个“匿名文档就绪功能”中可以确保按钮在你点击之前就在那里。以防它在加载要单击的元素之前尝试单击。这会解决这个问题。

另外，请记住 ID 使用散列(例如 # 关闭按钮) ，但是如果您想单击一个有 CLASS 的元素，那么将散列替换为单个点(例如。关闭按钮)。

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

小开

以下代码将从 $('.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>