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下申明对象的几种方法小结
Oct 02 Javascript
javascript基础知识大集锦(一) 推荐收藏
Jan 13 Javascript
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
May 16 Javascript
jQuery将多条数据插入模态框的示例代码
Sep 25 Javascript
JS实现向表格中动态添加行的方法
Mar 30 Javascript
bootstrap模态框消失问题的解决方法
Dec 02 Javascript
解决URL地址中的中文乱码问题的办法
Feb 10 Javascript
Vue 拦截器对token过期处理方法
Jan 23 Javascript
vue 的点击事件获取当前点击的元素方法
Sep 15 Javascript
vue项目引入ts步骤(小结)
Oct 31 Javascript
使用Karma做vue组件单元测试的实现
Jan 16 Javascript
Bootstrap FileInput实现图片上传功能
Jan 28 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 文件上传实例代码
2012/04/19 PHP
PHP图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
php通过rmdir删除目录的简单用法
2015/03/18 PHP
php+ajax实现无刷新分页
2015/11/18 PHP
教你在header中隐藏php的版本信息
2016/08/10 PHP
PHP单例模式详解及实例代码
2016/12/21 PHP
TP5(thinkPHP5框架)实现显示错误信息及行号功能的方法
2019/06/03 PHP
用htc组件制作windows选项卡
2007/01/13 Javascript
读jQuery之一(对象的组成)
2011/06/11 Javascript
javascript学习笔记(二)数组和对象部分
2014/09/30 Javascript
JavaScript返回网页中锚点数目的方法
2015/04/03 Javascript
js实现图片放大和拖拽特效代码分享
2015/09/05 Javascript
AngularJS 支付倒计时功能实现思路
2017/06/05 Javascript
Angular CLI 安装和使用教程
2017/09/13 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
2018/06/14 Javascript
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
小程序点餐界面添加购物车左右摆动动画
2020/09/23 Javascript
React 条件渲染最佳实践小结(7种)
2020/09/27 Javascript
python实现批量获取指定文件夹下的所有文件的厂商信息
2014/09/28 Python
Python的SQLalchemy模块连接与操作MySQL的基础示例
2016/07/11 Python
详解python调度框架APScheduler使用
2017/03/28 Python
Linux下升级安装python3.8并配置pip及yum的教程
2020/01/02 Python
Python列表如何更新值
2020/05/27 Python
Pandas缺失值2种处理方式代码实例
2020/06/13 Python
vscode调试django项目的方法
2020/08/06 Python
CSS3 animation ? steps 函数详解
2019/08/30 HTML / CSS
寻找完美的房车租赁:RVShare
2019/02/23 全球购物
软件测试面试题
2014/01/05 面试题
医院实习接收函
2014/01/12 职场文书
十八届三中全会报告学习材料
2014/02/17 职场文书
2014信息公开实施方案
2014/02/22 职场文书
出生证明公证书
2014/04/09 职场文书
单位授权委托书范文
2014/08/02 职场文书
九九重阳节标语
2014/10/07 职场文书
《弟子规》读后感:知廉耻、明是非、懂荣辱、辨善恶
2019/12/03 职场文书
golang中切片copy复制和等号复制的区别介绍
2021/04/27 Golang