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 相关文章推荐
IE/FireFox具备兼容性的拖动代码
Aug 13 Javascript
JavaScript 学习笔记 Black.Caffeine 09.11.28
Nov 30 Javascript
jQuery EasyUI API 中文文档 - Spinner微调器使用
Oct 21 Javascript
jquery实现的导航固定效果
Apr 28 Javascript
jQuery事件用法实例汇总
Aug 29 Javascript
javascript实现在线客服效果
Jul 15 Javascript
JavaScript仿静态分页实现方法
Aug 04 Javascript
使用jQuery获取data-的自定义属性
Nov 10 Javascript
利用transition实现文字上下抖动的效果
Jan 21 Javascript
JavaScript使用ZeroClipboard操作剪切板
May 10 Javascript
JavaScript实现快速排序的方法分析
Jan 10 Javascript
vue组件入门知识全梳理
Sep 21 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转换IP地址到真实地址的方法详解
2013/06/09 PHP
php生成图形验证码几种方法小结
2013/08/15 PHP
php无限分类使用concat如何实现
2015/11/05 PHP
关于PHP中Session文件过多的问题及session文件保存位置
2016/03/17 PHP
再谈PHP中单双引号的区别详解
2016/06/12 PHP
疯狂Jquery第一天(Jquery学习笔记)
2012/05/11 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
2013/08/02 Javascript
Jquery Ajax方法传值到action的方法
2014/05/11 Javascript
JS实现点击按钮后框架内载入不同网页的方法
2015/05/05 Javascript
jQuery实现定时读取分析xml文件的方法
2015/07/16 Javascript
js和jquery分别验证单选框、复选框、下拉框
2015/12/17 Javascript
详解jQuery Mobile自定义标签
2016/01/06 Javascript
实例讲解jQuery EasyUI tree中state属性慎用
2016/04/01 Javascript
Json解析的方法小结
2016/06/22 Javascript
在使用JSON格式处理数据时应该注意的问题小结
2017/05/20 Javascript
在Vue中如何使用Cookie操作实例
2017/07/27 Javascript
AngularJS基于http请求实现下载php生成的excel文件功能示例
2018/01/23 Javascript
3种vue路由传参的基本模式
2018/02/22 Javascript
微信小程序防止多次点击跳转(函数节流)
2019/09/19 Javascript
python网络爬虫采集联想词示例
2014/02/11 Python
python结合shell查询google关键词排名的实现代码
2016/02/27 Python
python使用super()出现错误解决办法
2017/08/14 Python
浅谈Django自定义模板标签template_tags的用处
2017/12/20 Python
Django2.1.3 中间件使用详解
2018/11/26 Python
python实现抠图给证件照换背景源码
2019/08/20 Python
Python接口自动化系列之unittest结合ddt的使用教程详解
2021/02/23 Python
使用CSS3实现多列布局与多背景的技巧
2016/02/29 HTML / CSS
CSS3使用transition属性实现过渡效果
2018/04/18 HTML / CSS
HTML5拖拽的简单实例
2016/05/30 HTML / CSS
澳大利高级泳装品牌:Bondi Born
2018/05/23 全球购物
业务员薪酬管理制度
2014/01/15 职场文书
法定代表人身份证明书
2014/09/10 职场文书
秋季运动会广播稿(30篇)
2014/09/13 职场文书
2014最新开业庆典策划方案(5篇)
2014/09/15 职场文书
交通安全教育主题班会
2015/08/12 职场文书
OpenCV实现反阈值二值化
2021/11/17 Java/Android