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

JavaScript(17)——事件监听

什么是事件?

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

什么是事件监听?

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

语法:

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

事件监听三要素:

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

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

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

 点击关闭之后,盒子关闭

http://www.lryc.cn/news/407550.html

相关文章:

  • Dav_笔记11:SQL Tuning Overview-sql调优 之 4
  • vue3引入openlayers
  • 大数据管理中心设计规划方案(可编辑的43页PPT)
  • Android --- 广播
  • AR 眼镜之-蓝牙电话-实现方案
  • stl-set
  • 【Stable Diffusion】(基础篇五)—— 使用SD提升分辨率
  • 5.CSS学习(浮动)
  • Spring Cloud微服务项目统一封装数据响应体
  • java算法day20
  • web自动化测试-python+selenium+unitest
  • LeetCode题练习与总结:组合两个表--175
  • 数据结构:二叉搜索树(简单C++代码实现)
  • 深入理解Prompt工程
  • 代码随想录算法训练营day6 | 242.有效的字母异位词、349. 两个数组的交集、202. 快乐数、1.两数之和
  • vue3 vxe-table 点击行,不显示选中状态,加上设置isCurrent: true就可以设置选中行的状态。
  • Linux没有telnet 如何测试对端的端口状态
  • 花几千上万学习Java,真没必要!(二十九)
  • C#如何引用dll动态链接库文件的注释
  • WordPress原创插件:自定义文章标题颜色
  • Unity分享:继承自MonoBehaviour的脚步不要对引用类型的字段在声明时就初始化
  • .NET Core中如何集成RabbitMQ
  • 嵌入式C++、STM32、MySQL、GPS、InfluxDB和MQTT协议数据可视化:智能物流管理系统设计思路流程(附代码示例)
  • .net core docker部署教程和细节问题
  • php数据库链接
  • python+vue3+onlyoffice在线文档系统实战20240726笔记,左侧菜单实现和最近文档基本实现
  • vue中的nexttrick
  • 【BUG】已解决:ModuleNotFoundError: No module named ‘requests‘
  • 深入理解JS中的发布订阅模式和观察者模式
  • 网站IPv6支持率怎么检测?