引言:
面向对象编程语言采用事件驱动机制来进行数据和显示交互,JavaScript既然也适用于面向对象,那么事件也是必不可少。
概述:
俩大概念:一,JavaScript的事件指浏览器响应用户交互操作的一种机制;二,JavaScript事件处理程序是事件与数据操作以及界面三种交互的具体实现。
内容:
这部分,主要总结一些常用的事件:
1 键盘事件
键盘的三大常用事件KeyDown、KeyPress和KeyUp,具体对比看下图:
学习CS的过程中,window窗体总也学过,但是缺没有对比过,于是在这里反复回顾一下,相信大家怎么用都懂,就不予以赘述。
2 鼠标事件
鼠标的事件主要包括:单击Click、按下MouseDown、放开MouseUp、移动MouseMove、移入MouseOver和移出MouseOut。
MouseDown和MouseUp主要用于页面的button按钮;
Click主要用于button、checkbox、link、radio、reset、submit等控件;
其余使用事件可以响应几乎所有的控件。
3 界面Load与Unload事件
load事件:浏览器加载时执行,该事件处理程序可以在其他所有的网页代码和JavaScript程序之前执行,用来完成初始化操作;
Unload:浏览器卸载时执行。具体总结为以下四种情况下,Unload 事件会被触发:(1)用户在浏览器地址栏中输入一个新的URL;(2)使用浏览器工具栏中的导航按钮进行界面跳转;(3)在页面中通过超链接在浏览器中载入一个新页面;(4)浏览器关闭
4 Focus与Blur事件
控件获得焦点相应Focus事件,失去焦点响应Blur事件。可以通过单击或者Tab键以及JavaScript代码来让一个控件获得焦点。
5 Submit与Reset事件
Submit事件在<form>标签中声明,通常在表单会有一个submit按钮,当我们完成信息输入,准备将信息提交到服务器时才会触发该事件, 例如:<form name="fm" method="post" enctype="text/plain" onSubmit="return function()"> </form>。
Reset事件也在<form>标签中声明,清楚表单中所有控件的数据,例如<form name="fm onReset="return confirm('确认清空吗?')" > </form>。
6 Change与Select事件
Change事件:当控件中的鼠标指针离开改对象或者控件中的内容发生变化时触发。
Select事件:当文本框、文本区域等控件中的文本被选中时将会触发Select事件。
7 Error事件
当页面因为某种原因而出现错误时,将触发Error事件,在Error事件处理程序中指定对错误的处理操作,该事件处理程序常绑定到<body>、<frameset>、<img>等标签。
总结:
JavaScript中存在好多的事件,不过我们先要掌握常用和基础的事件,这是入门基础,我们不能止步于此。