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

svgewumm  于 2023-10-17  发布在  jQuery
关注(0)|答案(6)|浏览(99)

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

5tmbdcev

5tmbdcev1#

你可以用jquery来做。使用trigger函数。在这里documentation。以下是示例:

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

bxfogqkk2#

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

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

zd287kbt3#

.click()

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

uqjltbpv4#

以下代码将打印单击两次,一次来自$('.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>
lkaoscv7

lkaoscv75#

请尝试以下代码:

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

qmb5sa226#

将其 Package 在这个“匿名文档就绪函数”中,将确保按钮在您单击它之前已经存在。以防它在你想点击的元素加载之前尝试点击。这将解决这个问题。
此外,请记住,ID使用哈希(即,#close-button),但是如果你想点击一个有CLASS的元素,然后将哈希值换成一个点(即.close-button)。

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

相关问题