当前位置:主页 > 网页前端 > JavaScript代码 >

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

时间:2020-10-13 13:21:49 | 栏目:JavaScript代码 | 点击:

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

总结

您可能感兴趣的文章:

相关文章