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

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