使用纯JavaScript触发添加

时间:2019-02-25 05:55:04

标签: javascript ecmascript-6 jsx

我想在单击具有纯JavaScript的链接时在导航栏切换按钮上添加触发器。不是Jquery。我尝试使用此代码,但无法正常工作。

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

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

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

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

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

或者,

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