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


Posted in Javascript onOctober 26, 2018

一: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 相关文章推荐
教你如何解密js/vbs/vbscript加密的编码异处理小结
Jun 25 Javascript
jQuery源码分析之jQuery中的循环技巧详解
Sep 06 Javascript
javascript 事件处理示例分享
Dec 31 Javascript
JS实现无限级网页折叠菜单(类似树形菜单)效果代码
Sep 17 Javascript
简单学习JavaScript中的for语句循环结构
Nov 10 Javascript
通过修改360抢票的刷新频率和突破8车次限制实现方法
Jan 04 Javascript
基于JavaScript实现五子棋游戏
Aug 26 Javascript
vue-cli开发环境实现跨域请求的方法
Apr 07 Javascript
讲解vue-router之什么是嵌套路由
May 28 Javascript
JS中的一些常用的函数式编程术语
Jun 15 Javascript
layui radio单选限制下一个radio单选的实例
Sep 03 Javascript
Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)
Mar 11 Javascript
使用webpack打包后的vue项目如何正确运行(express)
Oct 26 #Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
Oct 26 #jQuery
详解ES6 系列之异步处理实战
Oct 26 #Javascript
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
Oct 26 #Javascript
angularjs通过过滤器返回超链接的方法
Oct 26 #Javascript
js使用formData实现批量上传
Mar 27 #Javascript
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
Oct 26 #Javascript
You might like
PHP PDO函数库详解
2010/04/27 PHP
php防止网站被刷新的方法汇总
2014/12/01 PHP
PHP简单读取PDF页数的实现方法
2016/07/21 PHP
CL vs ForZe BO5 第二场 2.13
2021/03/10 DOTA
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
非html5实现js版弹球游戏示例代码
2013/09/22 Javascript
JavaScript实现定时隐藏与显示图片的方法
2015/08/06 Javascript
基于javascript实现窗口抖动效果
2016/01/03 Javascript
Angular ng-repeat 对象和数组遍历实例
2016/09/14 Javascript
JavaScript对象引用与赋值实例详解
2017/03/15 Javascript
javascript使用正则实现去掉字符串前面的所有0
2018/07/23 Javascript
Vue页面跳转动画效果的实现方法
2018/09/23 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
2019/07/12 Javascript
vue中进行微博分享的实例讲解
2019/10/14 Javascript
[48:39]Ti4主赛事胜者组第一天 EG vs NEWBEE 2
2014/07/19 DOTA
[01:08:43]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第一场 1月9日
2021/03/11 DOTA
urllib2自定义opener详解
2014/02/07 Python
Python的Flask框架与数据库连接的教程
2015/04/20 Python
分析python切片原理和方法
2017/12/19 Python
PyQt5每天必学之工具提示功能
2018/04/19 Python
python 日期操作类代码
2018/05/05 Python
Python实现的爬取网易动态评论操作示例
2018/06/06 Python
Python判断一个文件夹内哪些文件是图片的实例
2018/12/07 Python
python贪吃蛇游戏代码
2020/04/18 Python
利用pyuic5将ui文件转换为py文件的方法
2019/06/19 Python
浅谈django url请求与数据库连接池的共享问题
2019/08/29 Python
pygame实现成语填空游戏
2019/10/29 Python
基于django micro搭建网站实现加水印功能
2020/05/22 Python
python利用蒙版抠图(使用PIL.Image和cv2)输出透明背景图
2020/08/04 Python
Python变量格式化输出实现原理解析
2020/08/06 Python
anaconda3安装及jupyter环境配置全教程
2020/08/24 Python
分别介绍一下Session Bean和Entity Bean
2015/03/13 面试题
乡镇爱国卫生月活动总结
2014/06/25 职场文书
学校党委干部个人对照检查材料思想汇报
2014/10/09 职场文书
开展警示教育活动总结
2015/05/09 职场文书
婚礼答谢词范文
2015/09/29 职场文书