使用纯 JavaScript 触发添加答案

【问题标题】：Trigger add with pure JavaScript使用纯 JavaScript 触发添加
【发布时间】：2019-02-25 05:55:04
【问题描述】：

单击纯 javascript 链接时，我想在导航栏切换按钮上添加触发器。不是jQuery。我尝试使用此代码，但它不起作用。

closeNavbar() {
        document.getElementById("collaspe-btn").addEventListener("click");
}

<Navbar.Toggle
    id="collaspe-btn"
/>

<Link
    to="features"
    onClick={this.closeNavbar}
>

【问题讨论】：

你已经添加了监听器，但没有对其进行任何操作

标签： javascript ecmascript-6 jsx

【解决方案1】：

要触发点击事件，您可以使用.click() 方法。喜欢，

closeNavbar() {
        document.getElementById("collaspe-btn").click();
}

【讨论】：

【解决方案2】：

addEventListener 接受三个参数，第一个是事件，另一个是一个函数，指定事件发生时要运行的函数，第三个（可选）是一个布尔值，它指定是否应该在捕获中执行事件或处于冒泡阶段。

document.getElementById("collaspe-btn").addEventListener("click", function(){
    //do something
});

或者，

document.getElementById("collaspe-btn").addEventListener("click", clickHandler);
function clickHandler(){
    //do something
}

【讨论】：

我想在点击<Link>时触发collaspe-btn
在这种情况下，您可以在 closeNavBar 函数中执行类似 document.getElementById("collaspe-btn").click(); 的操作。