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 相关文章推荐
Javascript操纵Cookie实现购物车程序
Nov 23 Javascript
基于jquery的无刷新分页技术
Jun 11 Javascript
js过滤HTML标签完整实例
Nov 26 Javascript
Javascript的表单与验证-非空验证
Mar 18 Javascript
javascript兼容性(实例讲解)
Aug 15 Javascript
js实现数组内数据的上移和下移的实例
Nov 14 Javascript
一个基于react的图片裁剪组件示例
Apr 18 Javascript
javascript标准库(js的标准内置对象)总结
May 26 Javascript
详解vue添加删除元素的方法
Jun 30 Javascript
详解angular如何调用HTML字符串的方法
Jun 30 Javascript
Angular PWA使用的Demo示例
Jan 31 Javascript
layui-select动态选中值的例子
Sep 23 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
可快速识别放射性物质-国外大神教你diy一个开放式辐射探测器
2020/03/12 无线电
PDO版本问题 Invalid parameter number: no parameters were bound
2013/01/06 PHP
php可应用于面包屑导航的迭代寻找家谱树实现方法
2015/02/02 PHP
Smarty简单生成表单元素的方法示例
2016/05/23 PHP
基于jquery的tab切换 js原理
2010/04/01 Javascript
javascript中万恶的function实例分析
2011/05/25 Javascript
js事件冒泡实例分享(已测试)
2013/04/23 Javascript
jquery 提交值不为空的元素示例代码
2013/05/10 Javascript
javascript删除数组元素并且数组长度减小的简单实例
2014/02/14 Javascript
js 获取页面高度和宽度兼容 ie firefox chrome等
2014/05/14 Javascript
jQuery事件绑定用法详解(附bind和live的区别)
2016/01/19 Javascript
jQuery获取剪贴板内容的方法
2016/06/16 Javascript
JS实现动态增加和删除li标签行的实例代码
2016/10/16 Javascript
通过扫描二维码打开app的实现代码
2016/11/10 Javascript
Vue.js手风琴菜单组件开发实例
2017/05/16 Javascript
Vue中跨域及打包部署到nginx跨域设置方法
2019/08/26 Javascript
Vue快速实现通用表单验证功能
2019/12/05 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
2020/10/30 Javascript
简单实现Python爬取网络图片
2018/04/01 Python
ubuntu系统下使用pm2设置nodejs开机自启动的方法
2018/05/12 NodeJs
使用Python和Scribus创建一个RGB立方体的方法
2019/07/17 Python
python 检查数据中是否有缺失值,删除缺失值的方式
2019/12/02 Python
Python简单实现区域生长方式
2020/01/16 Python
使用python执行shell脚本 并动态传参 及subprocess的使用详解
2020/03/06 Python
Python web框架(django,flask)实现mysql数据库读写分离的示例
2020/11/18 Python
卡西欧G-SHOCK英国官网: 防水防震手表
2018/01/08 全球购物
ASOS亚洲:ASOS Asia
2018/03/04 全球购物
会计工作心得体会
2014/01/13 职场文书
素质拓展感言
2014/01/29 职场文书
户外活动策划方案
2014/03/12 职场文书
卖车协议书
2014/04/21 职场文书
2015年环卫工作总结
2015/04/28 职场文书
2016年“5.12”国际护士节活动总结
2016/04/06 职场文书
简历自我评价:教师师德表现自我评价
2019/04/24 职场文书
2019年教师节祝福语精选,给老师送上真诚的祝福
2019/09/09 职场文书
python 爬取京东指定商品评论并进行情感分析
2021/05/27 Python