本文共 1353 字，大约阅读时间需要 4 分钟。

JS中的事件：

• 概念：某些组件被执行了某些操作后，触发某些代码的执行。
• 事件：某些操作。如： 单击，双击，键盘按下了，鼠标移动了
• 事件源：组件。如： 按钮 文本输入框…
• 监听器：代码。
• 注册监听：将事件，事件源，监听器结合在一起。 当事件源上发生了某个事件，则触发执行某个监听器代码。

1、常用事件

1.点击事件：

• onclick：单击事件
• ondblclick：双击事件

2.焦点事件

• onblur：失去焦点
• onfocus:元素获得焦点。

3.加载事件：

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

4.鼠标事件：

• onmousedown 鼠标按钮被按下。
• onmouseup 鼠标按键被松开。
• onmousemove 鼠标被移动。
• onmouseover 鼠标移到某元素之上。
• onmouseout 鼠标从某元素移开。

5.键盘事件：

• onkeydown 某个键盘按键被按下。
• onkeyup 某个键盘按键被松开。
• onkeypress 某个键盘按键被按下并松开。

6.选择和改变

• onchange 域的内容被改变。
• onselect 文本被选中。

7.表单事件：

• onsubmit 确认按钮被点击。
• onreset 重置按钮被点击。

2、回调函数

java中也有回调函数机制：

public class MyClass{
       public static void main(String[] args){
           // 主动调用run()方法，站在这个角度看run()方法叫做正向调用。        run();    }    // 站在run方法的编写者角度来看这个方法，把run方法叫做回调函数。    public static void run(){
           System.out.println("run...");    }}

js中回调函数:

// 对于当前程序来说,sayHello函数被称为回调函数(callback函数)// 回调函数的特点:自己把这个函数代码写出来了,但是这个函数不是自己负责调用,由其他程序负责调用该函数.function sayHello() {
       alert("hello~~");}

3、事件的注册

3.1、什么是事件的注册（绑定）？

其实就是告诉浏览器，当事件响应后要执行哪些操作代码，叫事件注册或事件绑定。

3.2、注册事件的两种方式（静态注册事件、动态注册事件）

静态注册事件：通过 html 标签的事件属性直接赋于事件响应后的代码，这种方式我们叫静态注册。

function sayHello() {
       alert("hello js!");}
   
   

动态注册事件： 是指先通过 js 代码得到标签的 dom 对象，然后再通过 dom 对象.事件名 =function(){}这种形式赋于事件响应后的代码，叫动态注册。

4.通过keydown事件演示回车键13，ESC键27

转载地址：http://tauki.baihongyu.com/