【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代码分离,推荐

 

相关推荐
©️2020 CSDN 皮肤主题: 精致技术 设计师:CSDN官方博客 返回首页