JavaScript中事件及其详解

概述：JS使我们有能力去创建动态页面，事件就是可以被JS侦测到的行为。

事件的三要素：

        事件源：事件被触发的对象，就是谁触发了这个事件

        事件类型：比如：鼠标点击，鼠标经过，键盘按下

        事件处理程序：通过一个函数赋值的方式完成

事件执行的步骤：

        1.获取事件源

        2.注册事件（也叫绑定事件）

        3.添加事件处理程序（一般用function函数）

操作元素：

JS的dom操作可以改变网页内容，结构和样式，我们就可以利用dom操作元素来改变元素里面的内容属性等。

【修改元素属性】：先获取元素，注册事件，处理程序，然后直接调用元素的属性赋值。

事件的分类：鼠标事件，键盘事件，HTML事件。

常见的事件类型：

1.点击事件：

                onclick：单机事件

                ondblclick：双击事件

2.焦点事件：

                onblur：失去焦点

                onfocus：元素获得焦点

3.加载事件：

                onload：一张页面或一幅图像完成加载

4.鼠标事件：onclick：点击事件

                  ondblclick：双击事件

                  onmousedown：按下鼠标不松开触发

                  onmouseup：松开鼠标按钮时触发

                  onmouseover：鼠标移入某个元素触发

                  onmouseout：当鼠标移出某个元素触发

                  onmouseenter:当鼠标移入某个元素那一刻触发

                  onmouseleave：当鼠标移出某个元素那一刻触发

onmouseover和onmouseenter的区别：前者会影响子元素的触发事件，后者不会影响。

5.键盘事件：

                onkeydown：某个键盘按键被按下

                onkeyup：某个键盘按键被松开

                onkeypress：某个键盘按键被按下并松开

6.选择和改变：

                onchange：域的内容被改变

                onselect：文本被选中

7.表单事件：

                onsubmit：确认按钮被点击

                onreset：重置按钮被点击

js中回调函数机制：回调函数的特点：自己把这个函数代码写出来了，但是这个函数不是自己负责调用，由其他程序负责调用该函数。