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 相关文章推荐
tagName的使用,留一笔
Jun 26 Javascript
关于B/S判断浏览器断开的问题讨论
Oct 29 Javascript
jQuery toggle()设置CSS样式
Nov 05 Javascript
jQuery页面滚动浮动层智能定位实例代码
Aug 23 Javascript
javascript题目,重写函数让其无限相加
Feb 15 Javascript
from 表单提交返回值用post或者是get方法实现
Aug 21 Javascript
js实现类似菜单风格的TAB选项卡效果代码
Aug 28 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
Jun 06 Javascript
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
Nov 24 Javascript
javascript滚轮事件基础实例讲解(37)
Feb 14 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
Jul 10 Javascript
详解js创建对象的几种方法及继承
Apr 12 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
浅析Yii中使用RBAC的完全指南(用户角色权限控制)
2013/06/20 PHP
一个经典实用的PHP图像处理类分享
2014/11/18 PHP
Yii框架Session与Cookie使用方法示例
2019/10/14 PHP
php变量与字符串的增删改查操作示例
2020/05/07 PHP
jquery Ajax 实现加载数据前动画效果的示例代码
2014/02/07 Javascript
jQuery中append()方法用法实例
2014/12/25 Javascript
JS实现动态生成表格并提交表格数据向后端
2020/11/25 Javascript
AngularJS用户选择器指令实例分析
2016/11/04 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
2018/07/13 Javascript
JS回调函数深入理解
2019/10/16 Javascript
JS桶排序的简单理解与实现方法示例
2019/11/25 Javascript
vue实现商城秒杀倒计时功能
2019/12/12 Javascript
javascript实现移动端触屏拖拽功能
2020/07/29 Javascript
[34:39]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第二局
2016/03/05 DOTA
Python使用回溯法子集树模板解决爬楼梯问题示例
2017/09/08 Python
详谈python中冒号与逗号的区别
2018/04/18 Python
Python2和Python3.6环境解决共存问题
2018/11/09 Python
Python闭包和装饰器用法实例详解
2019/05/22 Python
Python3 实现文件批量重命名示例代码
2019/06/03 Python
python3使用GUI统计代码量
2019/09/18 Python
pytorch: Parameter 的数据结构实例
2019/12/31 Python
利用pytorch实现对CIFAR-10数据集的分类
2020/01/14 Python
Python 实现打印单词的菱形字符图案
2020/04/12 Python
python归并排序算法过程实例讲解
2020/11/04 Python
CSS3 滤镜 webkit-filter详细介绍及使用方法
2012/12/27 HTML / CSS
大学生自助营养快餐店创业计划书
2014/01/13 职场文书
大学生两会精神学习心得体会
2014/03/10 职场文书
小学生倡议书范文
2014/05/13 职场文书
求职信结尾怎么写
2014/05/26 职场文书
学生检讨书如何写
2014/10/30 职场文书
总账会计岗位职责
2015/04/02 职场文书
2016年5月份红领巾广播稿
2015/12/21 职场文书
2017大学生寒假社会实践心得体会
2016/01/14 职场文书
解决jupyter notebook图片显示模糊和保存清晰图片的操作
2021/04/24 Python
springboot 启动如何排除某些bean的注入
2021/08/02 Java/Android
浅谈MySQL中的六种日志
2022/03/23 MySQL