JavaScript事件基础-10-2.HTML事件; DOM0级事件; 掌握常用的鼠标与键盘事件 ; 掌握this的指向;

时间:2023-03-08 19:59:26

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