当前位置: 首页 > news >正文

JavaScript(17)——事件监听

什么是事件?

事件是在编程时系统内发生的动作或发生的事情,比如用户在网页上单击一个按钮

什么是事件监听?

就是让程序检测是否有事件产生,一旦有事件触发,就立刻调用一个函数做出响应,也称为绑定事件或注册事件

语法:

元素对象.addEventListener('事件类型',要执行的函数)

事件监听三要素:

  • 事件源: 哪个dom元素被事件触发了,要获取dom元素
  • 事件类型:用什么方式触发,比如鼠标单击click,鼠标经过mouseover等
  • 事件调用的函数:要做什么事

示例:点击按钮弹出对话框

<body><button>点我</button><script>const but = document.querySelector('button')but.addEventListener('click', function () { alert('点我啦') })</script>
</body>

 点击关闭之后,盒子关闭

相关文章:

  • google 浏览器插件开发简单学习案例:TodoList;打包成crx离线包
  • 2024年钉钉杯大数据竞赛A题超详细解题思路+python代码手把手保姆级运行讲解视频+问题一代码分享
  • Vue3+Element Plus 实现table表格中input的验证
  • 堆的相关知识点
  • 【数据结构】二叉树链式结构——感受递归的暴力美学
  • 十大排序的稳定性和时间复杂度
  • 【proteus经典项目实战】51单片机用计数器中断实现100以内的按键计数并播放音乐
  • SAP MM学习笔记46 - 购买中的出力管理(消息管理)
  • IntelliJ IDEA 直接在软件中更新为最新版
  • 论文快过(图像配准|Coarse_LoFTR_TRT)|适用于移动端的LoFTR算法的改进分析 1060显卡上45fps
  • mysql1055报错解决方法
  • git报错403,git项目拉取不下来
  • VSCode | 修改编辑器注释的颜色
  • opencv grabCut前景后景分割去除背景
  • 455 分发饼干
  • hexo+github搭建个人博客
  • [译] 怎样写一个基础的编译器
  • 【翻译】babel对TC39装饰器草案的实现
  • angular2 简述
  • Angularjs之国际化
  • Docker入门(二) - Dockerfile
  • js
  • mockjs让前端开发独立于后端
  • MySQL几个简单SQL的优化
  • MYSQL如何对数据进行自动化升级--以如果某数据表存在并且某字段不存在时则执行更新操作为例...
  • sessionStorage和localStorage
  • UEditor初始化失败(实例已存在,但视图未渲染出来,单页化)
  • vue-router的history模式发布配置
  • Web Storage相关
  • -- 查询加强-- 使用如何where子句进行筛选,% _ like的使用
  • 开放才能进步!Angular和Wijmo一起走过的日子
  • 如何利用MongoDB打造TOP榜小程序
  • 使用 Xcode 的 Target 区分开发和生产环境
  • 推荐一款sublime text 3 支持JSX和es201x 代码格式化的插件
  • 微信开源mars源码分析1—上层samples分析
  • raise 与 raise ... from 的区别
  • $.extend({},旧的,新的);合并对象,后面的覆盖前面的
  • (02)vite环境变量配置
  • (1/2) 为了理解 UWP 的启动流程,我从零开始创建了一个 UWP 程序
  • (11)MATLAB PCA+SVM 人脸识别
  • (13):Silverlight 2 数据与通信之WebRequest
  • (1综述)从零开始的嵌入式图像图像处理(PI+QT+OpenCV)实战演练
  • (C语言)求出1,2,5三个数不同个数组合为100的组合个数
  • (MonoGame从入门到放弃-1) MonoGame环境搭建
  • (Redis使用系列) Springboot 在redis中使用BloomFilter布隆过滤器机制 六
  • (备忘)Java Map 遍历
  • (笔记)M1使用hombrew安装qemu
  • (补)B+树一些思想
  • (附源码)spring boot车辆管理系统 毕业设计 031034
  • (附源码)ssm捐赠救助系统 毕业设计 060945
  • (附源码)ssm考生评分系统 毕业设计 071114
  • (更新)A股上市公司华证ESG评级得分稳健性校验ESG得分年均值中位数(2009-2023年.12)
  • (过滤器)Filter和(监听器)listener
  • (免费领源码)python#django#mysql校园校园宿舍管理系统84831-计算机毕业设计项目选题推荐
  • (算法)前K大的和