JavaScript事件基础-10-2.HTML事件; DOM0级事件; 掌握常用的鼠标与键盘事件 ; 掌握this的指向;
2024-08-28 20:47:08
JavaScript事件基础
学习目标
1.掌握什么是事件
2.掌握HTML事件
3.掌握DOM0级事件
4.掌握常用的鼠标与键盘事件
5.掌握this的指向
什么是事件
事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。
HTML事件
语法:<tag 事件=“执行脚本”></tag>
功能:在HTML元素上绑定事件。
说明:执行脚本可以是一个函数的调用。
DOM0级事件
语法: ele.事件=执行脚本
功能:在DOM0对象上绑定事件
说明:执行脚本可以是一个匿名函数,也可以是一个函数的调用。
鼠标事件
onload: 页面加载时触发
onclick : 鼠标点击时触发
onmouseover: 鼠标滑过时触发
onmouseout: 鼠标离开时触发
onfocus: 获得焦点时触发
onblur: 失去焦点时触发
onchange: 域的内容改变时发生
鼠标事件
onsubmit: 表单中的确认按钮被点击时触发
onmousedown:鼠标按钮在元素上按下时触发
onmousemove: 在鼠标指针移动时发生
onmouseup: 在元素上松开鼠标按钮时触发
onresize: 当调整浏览器窗口的大小时触发
onscroll: 拖动滚动条滚动时触发
键盘事件与keyCode属性
Onkeydown: 在用户按下一个键盘按键时发生
Onkeypress: 在键盘按键被按下并释放一个键时发生
Onkeyup: 在键盘按键被松开时发生
keyCode:返回onkeypress、onkeydown或onkeyup事件触发的键的值的字符代码,或者的键的代码。
关于this指向
在事件触发的函数中,this是对该DOW对象的引用。
最新文章
- Node.js简单操作
- Javascript-常用字符串数组操作
- iOS开发零基础--Swift教程 数组
- matlab eps
- web magic 小结
- POJ3252——Round Number(组合数学)
- linux 条件变量
- reentrant可重入函数
- RTT操作系统
- 进程控制之system函数
- POJ1177+线段树+扫描线
- 在Linux终端执行clear或top命令时出现:&#39;xterm&#39;: unknown terminal type
- asp.net core 一 Centos 环境部署
- jQuery 自执行函数
- LeetCode刷题 fIRST MISSING POSITIVE
- C static struct
- [转] Nginx 配置 SSL 证书 + 搭建 HTTPS 网站教程
- BZOJ.3994.[SDOI2015]约数个数和(莫比乌斯反演)
- Gridview 单选效果实现,且用且珍惜
- Material DesignDrawerLayout的旋转箭头的实现方式。
热门文章
- java正则中的requireEnd和hitEnd
- Oracle 11.2.0.4.0 Dataguard部署和日常维护(4)-Datauard Gap事件解决篇
- 【Linux】bash shell学习
- Vue SSR常见问题、异常处理以及优化方案
- Linux pwn入门教程——CTF比赛
- npm run build 打包后,如何运行在本地查看效果(Apache服务)
- javascript中的require、import和export模块文件
- Mysql 用户ip访问根据省份查询
- zabbix3.4.7主动模式监控日志(多关键字)
- 蓝桥杯—ALGO-2 最小最大公倍数