【JavaScript】注册事件

**blur失去焦点

focus获得焦点**

**click鼠标单击

dblclick鼠标双击**

**keydown键盘按下

keyup键盘弹起**

**mousedown鼠标按下

mouseover鼠标经过

mousemove鼠标移动

mouseout鼠标离开

mouseup鼠标弹起**

**reset表单重置

submit表单提交**

**change下拉列表选中项改变，或文本框内容改变

select文本被选定

load页面加载完毕(整个html页面中所有元素全部加载完成后发生)**

回调函数的概念

========

任何一个事件都会对应一个事件句柄，事件句柄就是在事件前添加on。

onXXX这个事件句柄出现在标签属性位置上。（事件句柄以属性的形式存在）

下面代码的含义是：将sayHello函数注册到按钮上，等待click事件发生后，该函数被浏览器调用我们称这个函数为回调函数。

如：

function sayHello(){

alert(“hello”);

}

当点击这个按钮时，会弹出hello

sayHello()被称为为回调函数

回调函数的特点：

---

自己把这个函数写出来，但是这个函数不是自己调用的，而是有其他程序调用这样的函数被称为回调函数。

java中也有回调函数的机制：

//java中也有回调函数机制:

public class MyClass{

public static void main(Stringl] args){

//主动调用run()方法，站在这个角度看run()方法叫做正向调用。

run();

}

//站在run方法的编写者角度来看这个方法，他把run方法叫做回调函数。

public static void run(){

System.out.println(“run…”);

}

}

注册事件的两种方式：

==========

方式①：前面提到的直接将onclick写入标签中：

方式②：是使用纯js代码完成事件的注册。

函数在页面打开的时候只是注册上，不会被调用，在click事件发生之后才会调

一般步骤：

代码的执行顺序

=======

错误示例：

//把input按钮放到script下面则getElementById访问不到id事件，因为是自上而下执行

这时我们可以采用load事件

load事件页面全部元素加载完毕才发生

load事件解决：

---

写法①：

写法② ：

常用写法③：

详细分析：

这是两个回调函数的结合，外层回调函数在页面加载完成后执行，内层在点击事件发生后执行。

外层起名叫a函数，内层叫b函数

页面加载的过程中，将a函数注册给了load事件

页面加载完毕之后load事件发生了，此时执行回调函数a

回调函数a执行的过程中，把b函数注册给了id="btn"的click事件当id="btn"的节点发生click事件之后，b函数被调用并执行。

运行结果：

小text：

点击将文本框变成复选框

文末

js前端的重头戏，值得花大部分时间学习。

推荐通过书籍学习，《 JavaScript 高级程序设计（第 4 版）》你值得拥有。整本书内容质量都很高，尤其是前十章语言基础部分，建议多读几遍。

另外，大推一个网上教程 现代 JavaScript 教程 ，文章深入浅出，很容易理解，上面的内容几乎都是重点，而且充分发挥了网上教程的时效性和资料链接。

学习资料在精不在多，二者结合，定能构建你的 JavaScript 知识体系。

面试本质也是考试，面试题就起到很好的考纲作用。想要取得优秀的面试成绩，刷面试题是必须的，除非你样样精通。

这是288页的前端面试题