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

2018-10-26 23 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文章

JScript中的undefined和&quot;undefined&quot;的区别
Mar 08 81
jquery实现的一个简单进度条效果实例
May 12 16
JavaScript中数据结构与算法(三):链表
Jun 19 22
详解angularjs实现echart图表效果最简洁教程
Nov 29 40
Webpack实战加载SVG的方法
Dec 26 36
nodejs中密码加密处理操作详解
Mar 20 30
JS不要再到处使用绝对等于运算符了
Apr 30 36
手机访问当前页面