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 使用技巧精萃(.net html
Apr 25 Javascript
Javascript document.referrer判断访客来源网址
May 15 Javascript
基于jquery的loading 加载提示效果实现代码
Sep 01 Javascript
JS实现仿QQ面板的手风琴效果折叠菜单代码
Sep 11 Javascript
跟我学习javascript的Date对象
Nov 19 Javascript
Vue的事件响应式进度条组件实例详解
Feb 04 Javascript
vuex 项目结构目录及一些简单配置介绍
Apr 08 Javascript
vue-cli脚手架的安装教程图解
Sep 02 Javascript
vue-cli中安装方法(图文详细步骤)
Dec 12 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
May 31 jQuery
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
May 12 Javascript
Vue图片裁剪组件实例代码
Jul 02 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
php mssql 数据库分页SQL语句
2008/12/16 PHP
基于empty函数的判断详解
2013/06/17 PHP
简单谈谈php延迟静态绑定
2016/01/26 PHP
php 截取utf-8格式的字符串实例代码
2016/10/30 PHP
浅谈PHP array_search 和 in_array 函数效率问题
2019/10/15 PHP
php array 转json及java 转换 json数据格式操作示例
2019/11/13 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
jquery 回车事件实现代码
2011/08/23 Javascript
jQuery实现简单二级下拉菜单
2015/04/12 Javascript
基于jquery实现左右按钮点击的图片切换效果
2021/01/27 Javascript
非常酷炫的Bootstrap图片轮播动画
2016/05/27 Javascript
Bootstrap 折叠(Collapse)插件用法实例详解
2016/06/01 Javascript
JS数组排序方法实例分析
2016/12/16 Javascript
jquery dataview数据视图插件使用方法
2016/12/23 Javascript
10个在JavaScript开发中常遇到的BUG
2017/12/18 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
2017/12/25 Javascript
基于vue 开发中出现警告问题去除方法
2018/01/25 Javascript
详解jenkins自动化部署vue
2019/05/14 Javascript
[41:41]TFT vs Secret Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
Python open读写文件实现脚本
2008/09/06 Python
python脚本实现分析dns日志并对受访域名排行
2014/09/18 Python
用python做一个搜索引擎(Pylucene)的实例代码
2017/07/05 Python
详解python 注释、变量、类型
2018/08/10 Python
在matplotlib的图中设置中文标签的方法
2018/12/13 Python
Python matplotlib实时画图案例
2020/04/23 Python
Jupyter notebook快速入门教程(推荐)
2020/05/18 Python
Python通过文本和图片生成词云图
2020/05/21 Python
Python爬虫如何应对Cloudflare邮箱加密
2020/06/24 Python
css图标制作教程制作云图标
2014/01/19 HTML / CSS
HTML5的结构和语义(4):语义性的内联元素
2008/10/17 HTML / CSS
意大利在线大学图书馆:Libreria universitaria
2019/07/16 全球购物
不听老师话的万能检讨书
2014/10/04 职场文书
完美处理python与anaconda环境变量的冲突问题
2021/04/07 Python
python中如何对多变量连续赋值
2021/06/03 Python
Python Pandas模块实现数据的统计分析的方法
2021/06/24 Python