使用JavaScript启动按钮模拟用户点击事件

如何使用Javascript模拟引导按钮的单击事件以执行绑定在按钮上的默认操作

我需要一个网站的自动测试这个

Bootstrap在按钮上不添加任何事件，事件将冒泡到body元素，并且工作已完成

$（“btn.btn大纲危险”）。单击（）无效 $（“btn.btn大纲危险”）。触发器（“单击”）不起作用

请尝试使用此选项

$(document).on('click', '.btn',function(){
    alert('click');
});

---

由于引导使用jQuery作为依赖项，所以可以用jQuery的方式模拟单击事件

$('.btn').click(function(){
  console.log('Event Triggered');
});

不包括jQuery、Vanillajs

var button = document.getElementByClassName('.btn');
button.onclick = console.log('Event Triggered');

---

事件应该向父级冒泡（除非明确阻止）。考虑一下这个简单的HTML结构：

<div class="parent">
    <div class="child"></div>
</div>

这在引导中应该是相同的

香草js版本：

document.querySelector(".parent").addEventListener("click", function(){alert("hello")});
document.querySelector(".child").click();

---

我相信

$（“btn.btn大纲危险”）。如果加载了jQuery，click（）

应该可以工作。如果您提供一点html代码，它会有所帮助。您的代码将代码绑定到按钮。OP询问如何使用代码触发单击事件，从而模拟单击。jQuery click（）（括号之间没有函数）可以执行此操作。感谢您的回答-您的建议添加了自己的事件处理程序，我可以使用它来触发。click（）-不幸的是，这不会触发通过引导框架运行的已存在的click事件。感谢您的回答-您的建议添加了自己的事件处理程序，我可以使用.click（）触发它-不幸的是，这不会触发通过引导框架运行的已存在的单击事件。如果向引导按钮添加我自己的单击事件，则事件冒泡不起作用：-(

document.querySelector(".parent").addEventListener("click", function(){alert("hello")});
document.querySelector(".child").click();