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 操作/获取table具体代码
Jun 13 Javascript
jquery 中ajax执行的优先级
Jun 22 Javascript
基于javascript html5实现3D翻书特效
Mar 14 Javascript
js 输入框 正则表达式(菜鸟必看教程)
Feb 19 Javascript
JavaScript简介_动力节点Java学院整理
Jun 26 Javascript
Angular4表单验证代码详解
Sep 03 Javascript
js推箱子小游戏步骤代码解析
Jan 10 Javascript
mint-ui 时间插件使用及获取选择值的方法
Feb 09 Javascript
浅谈jquery fullpage 插件增加头部和版权的方法
Mar 20 jQuery
详解ES6 Fetch API HTTP请求实用指南
Nov 14 Javascript
Vue.js的模板语法详解
Feb 16 Javascript
react结合bootstrap实现评论功能
May 30 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批量添加数据与批量更新数据的实现方法
2014/12/16 PHP
php获取用户浏览器版本的方法
2015/01/03 PHP
双击滚屏-常用推荐
2006/11/29 Javascript
javascript代码加载优化方法
2011/01/30 Javascript
jQuery.each使用详解
2015/07/07 Javascript
JS Ajax请求如何防止重复提交
2016/06/13 Javascript
webpack+vue.js实现组件化详解
2016/10/12 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
2017/05/22 Javascript
Vue无限滑动周选择日期的组件的示例代码
2018/07/18 Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
2019/04/04 Javascript
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
2019/09/04 Javascript
微信小程序学习总结(五)常见问题实例小结
2020/06/04 Javascript
Jquery使用each函数实现遍历及数组处理
2020/07/14 jQuery
谈谈JavaScript中的函数
2020/09/08 Javascript
Python列表(list)常用操作方法小结
2015/02/02 Python
python3设计模式之简单工厂模式
2017/10/17 Python
详解Python连接MySQL数据库的多种方式
2019/04/16 Python
Python中的相关分析correlation analysis的实现
2019/08/29 Python
django 读取图片到页面实例
2020/03/27 Python
Appium+Python实现简单的自动化登录测试的实现
2021/01/26 Python
玩转CSS3色彩
2010/01/16 HTML / CSS
用HTML5的canvas实现一个炫酷时钟效果
2016/05/20 HTML / CSS
iframe跨域的几种常用方法
2019/11/11 HTML / CSS
Ben Sherman官方网站:英国男装品牌
2019/10/22 全球购物
LUISAVIAROMA德国官网:时尚奢侈品牌购物网站
2020/11/12 全球购物
毕业生就业推荐信范文
2013/12/01 职场文书
网络工程师专家职业发展路线
2014/02/14 职场文书
群众路线领导班子四风对照检查材料
2014/09/27 职场文书
银行贷款收入证明
2014/10/17 职场文书
三年级作文之小小梦想
2019/12/06 职场文书
JavaScript嵌入百度地图API的最详细方法
2021/04/16 Javascript
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python
Python django中如何使用restful框架
2021/06/23 Python
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL
关于对TypeScript泛型参数的默认值理解
2022/07/15 Javascript
MySQL count(*)统计总数问题汇总
2022/09/23 MySQL