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函数
Jul 21 Javascript
JS延迟加载(setTimeout) JS最后加载
Jul 15 Javascript
c#程序员对TypeScript的认识过程
Jun 19 Javascript
jquery实现图片水平滚动效果代码分享
Aug 26 Javascript
jquery输入数字随机抽奖特效的简单实现代码
Jun 10 Javascript
浅谈Javascript中的12种DOM节点类型
Aug 19 Javascript
Laravel中常见的错误与解决方法小结
Aug 30 Javascript
Bootstrap输入框组件简单实现代码
Mar 06 Javascript
js实现添加删除表格(两种方法)
Apr 27 Javascript
javaScript 逻辑运算符使用技巧整理
May 03 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
Aug 13 Javascript
JS+CSS实现随机点名(实例代码)
Nov 04 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
探讨多键值cookie(php中cookie存取数组)的详解
2013/06/06 PHP
php读取der格式证书乱码解决方法
2015/06/22 PHP
基于swoole实现多人聊天室
2018/06/14 PHP
javascript 建设银行登陆键盘
2008/06/10 Javascript
Ext javascript建立超链接,进行事件处理的实现方法
2009/03/22 Javascript
用jQuery模拟页面加载进度条的实现代码
2011/12/19 Javascript
Prototype源码浅析 String部分(一)之有关indexOf优化
2012/01/15 Javascript
用js读、写、删除Cookie代码分享及详细注释说明
2014/06/05 Javascript
wap图片滚动特效无css3元素纯js脚本编写
2014/08/22 Javascript
js使用cookie记录用户名的方法
2015/11/26 Javascript
常用的javascript设计模式
2017/01/11 Javascript
js实现简单的选项卡效果
2017/02/23 Javascript
Vue.js之slot深度复制详解
2017/03/10 Javascript
Vue组件库发布到npm详解
2018/02/17 Javascript
vue-cli脚手架build目录下utils.js工具配置文件详解
2018/09/14 Javascript
详解如何webpack使用DllPlugin
2018/09/30 Javascript
JavaScript解析及序列化JSON的方法实例分析
2019/01/04 Javascript
vue父组件触发事件改变子组件的值的方法实例详解
2019/05/07 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
2020/06/11 Javascript
vue 解决data中定义图片相对路径页面不显示的问题
2020/08/13 Javascript
在HTML中使用JavaScript的两种方法
2020/12/24 Javascript
[01:02:10]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第一局
2016/02/26 DOTA
python中MethodType方法介绍与使用示例
2017/08/03 Python
python random从集合中随机选择元素的方法
2019/01/23 Python
python实现websocket的客户端压力测试
2019/06/25 Python
python 中 .py文件 转 .pyd文件的操作
2021/03/04 Python
HTML5中判断横屏竖屏的方法(移动端)
2016/08/04 HTML / CSS
优秀班集体获奖感言
2014/02/03 职场文书
医学生自我鉴定范文
2014/03/26 职场文书
常务副总经理岗位职责
2014/04/12 职场文书
2014年人力资源部工作总结
2014/11/19 职场文书
巾帼标兵事迹材料
2014/12/26 职场文书
硕士毕业论文导师评语
2014/12/31 职场文书
2015年教师见习期工作总结
2015/05/20 职场文书
红领巾广播站广播稿
2015/08/19 职场文书
导游词之张家口
2019/12/13 职场文书