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 相关文章推荐
通过修改referer下载文件的方法
May 11 Javascript
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
May 27 Javascript
让低版本浏览器支持input的placeholder属性(js方法)
Apr 03 Javascript
js显示当前日期时间和星期几
Oct 22 Javascript
JS判断是否手机或pad访问实现方法
Dec 09 Javascript
JS+DIV实现的卷帘效果示例
Mar 22 Javascript
微信小程序中的onLoad详解及简单实例
Apr 05 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
Apr 07 Javascript
微信小程序-滚动消息通知的实例代码
Aug 03 Javascript
微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
May 14 Javascript
在vue中使用回调函数,this调用无效的解决
Aug 11 Javascript
vue中可编辑树状表格的实现代码
Oct 31 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数组指针操作详解
2017/02/14 PHP
php面试中关于面向对象的相关问题
2019/02/13 PHP
style、 currentStyle、 runtimeStyle区别分析
2010/08/01 Javascript
JQuery里面的几种选择器 查找满足条件的元素$(&quot;#控件ID&quot;)
2011/08/23 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
2013/03/25 Javascript
jQuery aminate方法定位到页面具体位置
2013/12/26 Javascript
javascritp添加url参数将参数加入到url中
2014/09/25 Javascript
JavaScrip调试技巧之断点调试
2015/10/22 Javascript
常用javascript表单验证汇总
2020/07/20 Javascript
分享15个大家都熟知的jquery小技巧
2015/12/02 Javascript
js动态添加的DIV中的onclick事件简单实例
2016/07/25 Javascript
js实现随机数字字母验证码
2017/06/19 Javascript
Bootstrap提示框效果的实例代码
2017/07/12 Javascript
详解 vue.js用法和特性
2017/10/15 Javascript
vue基于element的区间选择组件
2018/09/07 Javascript
详解如何构建一个Angular6的第三方npm包
2018/09/07 Javascript
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
2019/03/11 Javascript
在JavaScript中如何访问暂未存在的嵌套对象
2019/06/18 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
2019/09/14 Javascript
快速解决layui弹窗按enter键不停弹窗的问题
2019/09/18 Javascript
js加减乘除精确运算方法实例代码
2021/01/17 Javascript
[02:53]DOTA2英雄昆卡基础教程
2013/11/25 DOTA
[01:12]DOTA2 2015年秋季互动指南
2015/11/10 DOTA
Python字符串格式化输出方法分析
2016/04/13 Python
Python中装饰器学习总结
2018/02/10 Python
python+mysql实现学生信息查询系统
2019/02/21 Python
Python3获取电脑IP、主机名、Mac地址的方法示例
2019/04/11 Python
BOSE德国官网:尽探索之力,享音乐之极
2016/12/11 全球购物
总结表彰大会主持词
2014/03/26 职场文书
项目投资建议书
2014/05/16 职场文书
政工例会汇报材料
2014/08/26 职场文书
群众路线教师自我剖析材料
2014/09/29 职场文书
2015年档案室工作总结
2015/05/23 职场文书
运动会开幕式通讯稿
2015/07/18 职场文书
学校教师培训工作总结
2015/10/14 职场文书
劳务派遣管理制度(样本)
2019/08/23 职场文书