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 相关文章推荐
非常强大的 jQuery.AsyncBox 弹出对话框插件
Aug 29 Javascript
Node.js文件操作详解
Aug 16 Javascript
JavaScript数组各种常见用法实例分析
Aug 04 Javascript
jQuery 判断图片是否加载完成方法汇总
Aug 10 Javascript
Jquery元素追加和删除的实现方法
May 24 Javascript
Javascript同时声明一连串(多个)变量的方法
Jan 23 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
Nov 08 Javascript
Vue中CSS动画原理的实现
Feb 13 Javascript
利用node 判断打开的是文件 还是 文件夹的实例
Jun 10 Javascript
Vue函数式组件的应用实例详解
Aug 30 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
Jan 05 Vue.js
使用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
dedecms系统常用术语汇总
2007/04/03 PHP
Linux操作系统安装LAMP环境
2015/06/26 PHP
Yii清理缓存的方法
2016/01/06 PHP
浅谈JavaScript的事件
2015/02/27 Javascript
JavaScript显示当前文档最后修改日期的方法
2015/03/19 Javascript
jQuery滚动条插件nanoscroller使用指南
2015/04/21 Javascript
javascript实现将文件保存到本地方法汇总
2015/07/26 Javascript
JavaScript File API文件上传预览
2016/02/02 Javascript
基于JavaScript Array数组方法(新手必看篇)
2016/08/20 Javascript
微信小程序 教程之WXSS
2016/10/18 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
JavaScript 函数的定义-调用、注意事项
2017/04/16 Javascript
Vue单页式应用(Hash模式下)实现微信分享的实例
2017/07/21 Javascript
简单的Vue SSR的示例代码
2018/01/12 Javascript
layui获取多选框中的值方法
2018/08/15 Javascript
vue 之 css module的使用方法
2018/12/04 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
浅谈vue3中effect与computed的亲密关系
2019/10/10 Javascript
手写Vue2.0 数据劫持的示例
2021/03/04 Vue.js
python 中的列表解析和生成表达式
2011/03/10 Python
python3生成随机数实例
2014/10/20 Python
Python的类实例属性访问规则探讨
2015/01/30 Python
Windows下Python使用Pandas模块操作Excel文件的教程
2016/05/31 Python
Python实现多线程抓取网页功能实例详解
2017/06/08 Python
Python常见字符串操作函数小结【split()、join()、strip()】
2018/02/02 Python
对Python实现累加函数的方法详解
2019/01/23 Python
pycharm编写spark程序,导入pyspark包的3中实现方法
2019/08/02 Python
简单聊聊H5的pushState与replaceState的用法
2018/04/03 HTML / CSS
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
俄罗斯药房连锁店:ASNA
2020/06/20 全球购物
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
自我鉴定标准格式
2014/03/19 职场文书
会议接待欢迎标语
2014/10/08 职场文书
导游词之凤凰古城
2019/10/22 职场文书
OpenCV-Python实现人脸美白算法的实例
2021/06/11 Python
探讨Java中的深浅拷贝问题
2021/06/26 Java/Android