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 相关文章推荐
AJAX架构之Dojo篇
Apr 10 Javascript
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
Jan 22 Javascript
js 为label标签和div标签赋值的方法
Aug 08 Javascript
javascript计算当月剩余天数(天数计算器)示例代码
Jan 09 Javascript
Javascript排序算法之计数排序的实例
Apr 05 Javascript
理解javascript中的with关键字
Feb 15 Javascript
angular forEach方法遍历源码解读
Jan 25 Javascript
jquery.rotate.js实现可选抽奖次数和中奖内容的转盘抽奖代码
Aug 23 jQuery
webpack多入口文件页面打包配置详解
Jan 09 Javascript
Babel 入门教程学习笔记
Jun 13 Javascript
JS实现音乐导航特效
Jan 06 Javascript
js实现飞机大战游戏
Aug 26 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防注
2007/01/15 PHP
php中常用的预定义变量小结
2012/05/09 PHP
php截取中文字符串函数实例
2015/02/23 PHP
多个Laravel项目如何共用migrations详解
2018/09/25 PHP
用javascript获得地址栏参数的两种方法
2006/11/08 Javascript
javascript textarea光标定位方法(兼容IE和FF)
2011/03/12 Javascript
JavaScript中setAttribute用法介绍
2013/07/20 Javascript
深入理解javascript中的立即执行函数(function(){…})()
2014/06/12 Javascript
显示今天的日期js代码(阳历和农历)
2014/09/30 Javascript
JavaScript制作windows经典扫雷小游戏
2015/03/31 Javascript
JavaScript中var关键字的使用详解
2015/08/14 Javascript
全面解析Bootstrap中transition、affix的使用方法
2016/05/30 Javascript
Nodejs回调加超时限制两种实现方法
2017/06/09 NodeJs
ionic App问题总结系列之ionic点击系统返回键退出App
2017/08/19 Javascript
vue-cli的eslint相关用法
2017/09/29 Javascript
vue中axios处理http发送请求的示例(Post和get)
2017/10/13 Javascript
vue安装遇到的5个报错及解决方法
2019/06/12 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
2019/07/19 Javascript
vue下的@change事件的实现
2019/10/25 Javascript
详解一些适用于Node.js的命名约定
2019/12/08 Javascript
OpenLayer3自定义测量控件MeasureTool
2020/09/28 Javascript
[03:05]《我与DAC》之xiao8:DAC与BG
2018/03/27 DOTA
[01:01:23]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第一场 11.26
2020/11/30 DOTA
Python 编码规范(Google Python Style Guide)
2018/05/05 Python
利用Python如何生成便签图片详解
2018/07/09 Python
在Python中使用MySQL--PyMySQL的基本使用方法
2019/11/19 Python
Python selenium爬虫实现定时任务过程解析
2020/06/08 Python
python opencv pytesseract 验证码识别的实现
2020/08/28 Python
美国最受欢迎的童装品牌之一:The Children’s Place
2016/07/23 全球购物
澳大利亚家用电器在线商店:Billy Guyatts
2020/05/05 全球购物
三下乡活动方案
2014/01/31 职场文书
淘宝店铺营销方案
2014/02/13 职场文书
优秀安全员事迹材料
2014/05/11 职场文书
同学聚会通知短信
2015/04/20 职场文书
2016感恩父亲节主题广播稿
2015/12/18 职场文书
MySQL sql_mode的使用详解
2021/05/08 MySQL