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

2018-10-26 40 pygodnet

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

总结

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

展开阅读全文

更多Javascript文章

javascript 面向对象思想 附源码
Jul 07 39
JavaScript 序列化对象实现代码
Dec 18 43
jquery监控数据是否变化(修正版)
Apr 12 40
javascript实现百度地图鼠标滑动事件显示、隐藏
Apr 02 46
HTML5基于Tomcat 7.0实现WebSocket连接并实现简单的实时聊天
Oct 31 41
javascript实现简单打字游戏
Oct 29 156
浅谈vue 组件中的setInterval方法和window的不同
Jul 30 53
手机访问当前页面