Javascript中绑定click事件的四种方式介绍

一：HTML中添加onclick

<button id=``"vv"` `onclick=``"myfunction()"` `>哈哈</button>`

二：JS中定义函数绑定事件！

var` `funcc =` `function` `() {`
alert(``'我爱编程'``)`
}`
var` `aa = document.getElementById(``'vv'``)`
aa.onclick = funcc`

三：直接定义函数与内容

document.getElementById(``'vv'``).onclick =` `function` `() {`
alert(``'hasssshhaa '``)`
}`

四：利用addEventListener

document.getElementById(``'vv'``).addEventListener(``'click'``,funcc);`
//或者：`
document.getElementById(``'vv'``).addEventListener(``'click'``,``function` `() {`
alert(``'hahah'``)`
})`

总结

为了学习工作与休闲娱乐互不冲突，现新建圈【码农茶水铺】用于程序员生活，爱好，交友，求职招聘，吐槽等话题交流，希望各位大神工作之余到茶水铺来喝茶聊天。群号:582735936