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

一：HTML中添加onclick<buttonid="vv"onclick="myfunction()">哈哈</button>二：JS中定义函数绑定

一：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')
 })

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接