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下实现overlay遮罩层代码
Aug 25 Javascript
jQuery 幻灯片插件(带缩略图功能)
Jan 24 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
Apr 24 Javascript
js中document.write的那点事
Dec 12 Javascript
浅谈类似于(function(){}).call()的js语句
Mar 30 Javascript
浅谈Sizzle的“编译原理”
Apr 14 Javascript
AngularJS使用指令增强标准表单元素功能
Jul 01 Javascript
CodeMirror js代码加亮使用总结
Mar 25 Javascript
JS仿淘宝搜索框用户输入事件的实现
Jun 19 Javascript
解决angularJS中input标签的ng-change事件无效问题
Sep 13 Javascript
浅谈JavaScript中等号、双等号、 三等号的区别
Aug 06 Javascript
Vite和Vue CLI的优劣
Jan 30 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
将数字格式的计算结果转为汉字格式
2006/10/09 PHP
php中将字符串转为HTML的实体引用的一个类
2013/02/03 PHP
利用phpExcel实现Excel数据的导入导出(全步骤详细解析)
2013/11/26 PHP
ThinkPHP CURD方法之order方法详解
2014/06/18 PHP
PHP获取IP地址所在地信息的实例(使用纯真IP数据库qqwry.dat)
2016/11/15 PHP
PHP通过curl获取接口URL的数据方法
2018/05/31 PHP
Thinkphp5 自定义上传文件名的实现方法
2019/07/23 PHP
关于Jqzoom的使用心得 jquery放大镜效果插件
2010/04/12 Javascript
一些主流JS框架中DOMReady事件的实现小结
2011/02/12 Javascript
DOM2非标准但却支持很好的几个属性小结
2012/01/21 Javascript
js onload处理html页面加载之后的事件
2013/10/30 Javascript
在Linux上用forever实现Node.js项目自启动
2014/07/09 Javascript
jquery插件推荐 jquery.cookie
2014/11/09 Javascript
js实现div在页面拖动效果
2016/05/04 Javascript
详解JavaScript树结构
2017/01/09 Javascript
微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解
2017/01/17 Javascript
详解基于webpack2.x的vue2.x的多页面站点
2017/08/21 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
2017/09/18 Javascript
浅析node Async异步处理模块用例分析及常用方法介绍
2017/11/17 Javascript
使用pkg打包Node.js应用的方法步骤
2018/10/19 Javascript
微信小程序实现列表页的点赞和取消点赞功能
2018/11/02 Javascript
详解基于React.js和Node.js的SSR实现方案
2019/03/21 Javascript
js继承的这6种方式!(上)
2019/04/23 Javascript
Vue学习之常用指令实例详解
2020/01/06 Javascript
vue quill editor 使用富文本添加上传音频功能
2020/01/14 Javascript
Python编写电话薄实现增删改查功能
2016/05/07 Python
Python通过文本和图片生成词云图
2020/05/21 Python
使用python批量修改XML文件中图像的depth值
2020/07/22 Python
Python实现钉钉/企业微信自动打卡的示例代码
2021/02/02 Python
JD Sports德国官网:英国领先的运动鞋和运动服饰零售商
2018/02/26 全球购物
Servlet方面面试题
2016/09/28 面试题
大学生水果店创业计划书
2014/01/28 职场文书
《周恩来的四个昼夜》观后思想汇报范文两篇
2014/09/10 职场文书
党支部对转正的意见
2015/06/02 职场文书
甲午风云观后感
2015/06/02 职场文书
关于@OnetoMany关系映射的排序问题,使用注解@OrderBy
2021/12/06 Java/Android