javascript事件简述和入门案例，js事件驱动机制；js 点击事件；js 焦点事件表单提交事件，键位弹起事件鼠标移入移除事件，

20 js事件简述和入门案例：

通过鼠标或者热键的动作，我们称为事件，例如点击，表单提交等等

 

21 js事件驱动机制：

页面上的特效。我们可以在js事件驱动机制下进行的

Js事件驱动机制：四部分

事件源 谁发生的什么事（按钮）

事件 发生的什么事（点击事件 onclick）

监听器 行为者（方法）

注册/绑定监听器监听事件源（onclick =”run()”）

 

事件源：专门产生事件的组件

事件：由事件源所产生的动作或者事情

监听器：专门处理事件源所产生的事件

注册/绑定监听器：让监听器时刻监听事件源是否有指定的事件的产生，

先写方法，再写按钮，然后写onclick ，最后让onclick和方法产生连接

22 常见的js 点击事件：onclick：由鼠标或热键点击元素组件时触发

< input type=”button” value=”按钮的名字” onclick=”run()” />

23 常见的js焦点事件：获得焦点事件 onfocus：失去焦点事件onblur

焦点：即整个页面的注意力

一般一个页面最多仅有一个焦点

24 js事件 域内容改变事件：onchange

 

25 加载完毕事件：onload

加载完毕事件：只要组件被加载完毕就会触发这个事件

26 表单提交事件：onsubmit

表单的提交事件：表单的提交按钮被点击是触发事件；

Onsubmit=”return 绑定的方法名”（绑定的方法也需要返回true或者false）；

主要用于表单的校验

返回值 True 允许表单提交 False  阻止表单的提交

Onsubmit=”return 绑定的方法名” （需要在方法名前面添加return用来把方法返回的boolean值return给onsubmit）

27 键位弹起事件：onkeyup

键位弹起事件：在组件中输入某些内容时，键盘键位弹起时触发该事件

适用于所有检测键盘按键弹起的事件

键盘敲击事件：onkeydown

键盘在按下时触发该事件。按键不弹起，一直触发。

Onkeydown=”run(event)”  e.keyCode. 获取按下键盘对应的编码

28 常用鼠标事件：

鼠标移入（移入不需要点击）事件onmouseover：当鼠标移入某个组件时就会触发此事件

鼠标移出（移出也不需要点击）事件onmouseout：当鼠标期初某个组件时就会触发此事件

 

29 元素事件句柄绑定：

一个事件=“run1（）.Run2（）.” 可以绑定多个方法，也可以绑定无参的方法

 

30 js事件绑定方式 DOM绑定方式：

DOM绑定方式 ； 对象.事件属性  一次只能绑定一个，不能传递参数

Window.onload =run;

第二种 DOM绑定方式，匿名函数 可以 绑定多个函数，可以传递参数

window.onload=function(){

Run1();

Run2();

}