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

事件监听

事件监听

事件监听方法:

1.事件监听方法是由事件源对象提供的。
2.事件监听方法捕获事件源对象上面的动作,如果有动作发生,则事件监听方法捕获动作,收集事件源对象的信息和动作信息,然后将信息交给事件接口的对象进行处理。

  • 概念:某些组件被执行了某些操作后,触发某些代码的执行。

    • 事件:某些操作。如: 单击,双击,键盘按下了,鼠标移动了
    • 事件源:组件。如: 按钮 文本输入框…
    • 监听器:代码。
    • 注册监听:将事件,事件源,监听器结合在一起。 当事件源上发生了某个事件,则触发执行某个监听器代码。
  • 常见的事件:

1. 点击事件:

	1. onclick:单击事件
	2. ondblclick:双击事件

2. 焦点事件

	1. onblur:失去焦点
	2. onfocus:元素获得焦点。

3. 加载事件:

	1. onload:一张页面或一幅图像完成加载。

4. 鼠标事件:

	1. onmousedown	鼠标按钮被按下。
	2. onmouseup	鼠标按键被松开。
	3. onmousemove	鼠标被移动。
	4. onmouseover	鼠标移到某元素之上。
	5. onmouseout	鼠标从某元素移开。

5. 键盘事件:

	1. onkeydown	某个键盘按键被按下。	
	2. onkeyup		某个键盘按键被松开。
	3. onkeypress	某个键盘按键被按下并松开。

6. 选择和改变

	1. onchange	域的内容被改变。
	2. onselect	文本被选中。

7. 表单事件:

	1. onsubmit	确认按钮被点击。
	2. onreset	重置按钮被点击。

相关文章:

  • Google Guava14.0 瓜娃学习笔记
  • 前端实现图片懒加载(lazyload)的两种方式
  • axios封装,api接口封装统一管理
  • Bzoj1208 [HNOI2004]宠物收养所
  • 关于虚拟DOM和Diff算法的理解及应用场景
  • python selenium webdriver入门基本操作
  • 对ChemDraw Prime 16.0你了解多少
  • vue项目打包上线的流程
  • css-css权威指南学习笔记1
  • 前端常见面试题总结
  • 最近帮客户实施的基于SQL Server AlwaysOn跨机房切换项目
  • 解决“chrome提示adobe flash player 已经过期”的小问题
  • Java 通过JDBC连接Mysql数据库
  • 跟我一起写 Makefile(十三)
  • 无向图的结合点
  • 分享的文章《人生如棋》
  • 002-读书笔记-JavaScript高级程序设计 在HTML中使用JavaScript
  • ABAP的include关键字,Java的import, C的include和C4C ABSL 的import比较
  • If…else
  • IP路由与转发
  • Next.js之基础概念(二)
  • puppeteer stop redirect 的正确姿势及 net::ERR_FAILED 的解决
  • Travix是如何部署应用程序到Kubernetes上的
  • 从零开始的无人驾驶 1
  • 大整数乘法-表格法
  • 复习Javascript专题(四):js中的深浅拷贝
  • 关于 Cirru Editor 存储格式
  • 看图轻松理解数据结构与算法系列(基于数组的栈)
  • 前端技术周刊 2019-01-14:客户端存储
  • 深入浅出Node.js
  • 微信小程序:实现悬浮返回和分享按钮
  • 树莓派用上kodexplorer也能玩成私有网盘
  • ​520就是要宠粉,你的心头书我买单
  • #HarmonyOS:Web组件的使用
  • (2)(2.10) LTM telemetry
  • (2)关于RabbitMq 的 Topic Exchange 主题交换机
  • (C)一些题4
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第5节(封闭类和Final方法)
  • (DFS + 剪枝)【洛谷P1731】 [NOI1999] 生日蛋糕
  • (Matlab)遗传算法优化的BP神经网络实现回归预测
  • (NSDate) 时间 (time )比较
  • (pt可视化)利用torch的make_grid进行张量可视化
  • (附源码)ssm教师工作量核算统计系统 毕业设计 162307
  • (利用IDEA+Maven)定制属于自己的jar包
  • (三) prometheus + grafana + alertmanager 配置Redis监控
  • (一)C语言之入门:使用Visual Studio Community 2022运行hello world
  • (原創) 如何動態建立二維陣列(多維陣列)? (.NET) (C#)
  • (转贴)用VML开发工作流设计器 UCML.NET工作流管理系统
  • .bat批处理(四):路径相关%cd%和%~dp0的区别
  • .bat文件调用java类的main方法
  • .Net Core和.Net Standard直观理解
  • .Net MVC4 上传大文件,并保存表单
  • .NET 发展历程
  • .NET/C# 在 64 位进程中读取 32 位进程重定向后的注册表
  • .netcore 获取appsettings