事件驱动式

事件驱动式

1、什么是事件驱动式

用户的行为（如点击、移动、动作）会被Javascript中的事件所捕获并执行相应的事件处理程序，我们把这个过程就称之为"事件驱动式"。

<input     type='button'     οnclick='display()' />

2、什么是事件处理程序

所谓的事件处理程序就是当事件发生时所执行的程序，我们就称之为"事件处理程序"

 

例1：点击按钮，弹出1个hello world字符串

例2：点击按钮，弹出2个hello world字符串

例3：点击按钮，弹出100个hello world字符串

在上题中，我们把onclick事件发生时所执行的程序都封装在一个display函数中，我们把这个display函数就称之为"事件的处理程序"

3、常用的Javascript事件

onLoad ：当页面载入完毕后触发，常用于body元素

onUnload ：当页面关闭后触发，常用于body元素

特别注意：onUnload不能在其内部定义alert方法。

onBlur ：当失去焦点时触发，常用于input元素（判断用户名是否合法或唯一）

onFocus ：当获取焦点时触发，常用于input元素

onClick ：当单击时触发，几乎可以用于任何html元素    

onMouseOver ：当鼠标悬浮时触发

onMouseOut ：当鼠标离开时触发

onMouseDown ：当鼠标左键按下时触发

onMouseUp ：当鼠标左键弹起时触发

onMouseMove ：当鼠标移动时触发（每移动一次触发一次）

onChange ：当状态改变时触发，常用于select下拉选框

onSelect    ：当文本框的文本选中时触发，常用于input元素（了解）

onkeypress ：当键盘点击时触发

onkeydown ：当键盘按下时触发

特别注意：onkeypress与onkeydown虽然都有按下的含义，但是onkeypress无法捕获键盘上的功能键（如上下左右）

onkeyup ：当键盘弹起时触发（常用于百度下拉搜索）

onSubmit ：当表单提交时触发（常用于form标签）

onReset    ：当表单重置时触发（常用于form标签）

 

例1：onload事件演示

例2：onblur与onfocus事件演示

 

例3：onmouseover与onmouseout事件演示

 

例4：onchange事件演示

 

例5：onkeydown与onkeyup演示

例6：onsubmit演示

转载于:https://www.cnblogs.com/nyxd/p/5364386.html