【JS】input button 点击事件绑定几种方式

一，通过onclick绑定

<input type="button" onclick ="afterClick()" id="btn" value="点击"/>

onclick ="afterClick()"中记得写括号()

JS代码

function afterClick() {
    alert("click");
}

二，通过id绑定事件

<input type="button" id="btn" value="点击"/>

JS代码

$("#btn").click(() => {
    alert("click");
});

三，通过click绑定

$(function () {
    $("#btn").click(afterClick);
});

 

四，直接绑定

注意alert方法里面单引号

<input type="button" onclick="javascript:alert('click');"/>

 

用哪种方式好

第三种方式，html代码与js代码分离，推荐