欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-10-23 21:24:59
一:html中添加onclick ...

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

总结

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