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对象的引用。